Какими способами хранения данных у клиента пользовался

1. LocalStorage - простой key-value хранилище, данные сохраняются после закрытия браузера.

   js

   Копировать

   localStorage.setItem('key', 'value');
   const data = localStorage.getItem('key');

2. SessionStorage - аналогичен LocalStorage, но данные очищаются при закрытии вкладки.

   js

   Копировать

   sessionStorage.setItem('sessionKey', 'tempValue');

3. Cookies - небольшие данные, отправляемые серверу с каждым запросом.

   js

   Копировать

   document.cookie = 'user=John; expires=Fri, 31 Dec 2023 23:59:59 GMT';

4. IndexedDB - NoSQL база данных для сложных структур и больших объемов.

   js

   Копировать

   const request = indexedDB.open('myDB', 1);
   request.onsuccess = (e) => { /* работа с БД */ };

5. Cache API - для хранения ответов и ресурсов (часто используется в Service Workers).

   js

   Копировать

   caches.open('my-cache').then(cache => cache.add('/api/data'));

6. Web SQL (устарел) - SQL-подобная база, но не рекомендуется к использованию.

Выбор зависит от задач: для простых данных — LocalStorage, для оффлайн-работы — IndexedDB/Cache API.