Как можно сделать кэширование

Кэширование на фронтенде можно реализовать несколькими способами:

1. LocalStorage/SessionStorage
   Подходит для хранения небольших объемов данных (до 5-10 МБ). Пример:
   javascript

   Копировать

   // Сохранение
   localStorage.setItem('cachedData', JSON.stringify(data));
   
   // Получение
   const cachedData = JSON.parse(localStorage.getItem('cachedData'));

2. Service Worker + Cache API
   Для кэширования ресурсов и API-запросов:

   javascript

   Копировать

   // В service worker
   self.addEventListener('fetch', (event) => {
     event.respondWith(
       caches.match(event.request).then((response) => {
         return response || fetch(event.request);
       })
     );
   });

3. Мемоизация
   Кэширование результатов функций:

   javascript

   Копировать

   const memoize = (fn) => {
     const cache = {};
     return (...args) => {
       const key = JSON.stringify(args);
       return cache[key] || (cache[key] = fn(...args));
     };
   };

4. HTTP-кэширование
   Использование заголовков (Cache-Control, ETag).

Для API-запросов часто используют комбинацию: сначала проверяют кэш (LocalStorage), затем делают запрос с обновлением кэша.