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

1. LocalStorage – хранит данные без срока действия, доступен только в виде строк.

   javascript

   Копировать

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

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

   javascript

   Копировать

   sessionStorage.setItem('key', 'value');

3. Cookies – небольшие текстовые данные (до 4KB), передаются на сервер с каждым запросом.

   javascript

   Копировать

   document.cookie = 'key=value; expires=Fri, 31 Dec 2024 23:59:59 GMT; path=/';

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

   javascript

   Копировать

   const request = indexedDB.open('dbName', 1);

5. Cache API – используется для хранения ресурсов (например, для оффлайн-работы PWA).

   javascript

   Копировать

   caches.open('cache-v1').then(cache => cache.add('/asset.js'));

6. Web SQL (устарел) – SQL-база данных в браузере, не поддерживается в новых браузерах.

7. Service Worker Cache – часть Cache API, но управляется через Service Worker.

Выбор зависит от: объема данных, необходимости синхронизации с сервером и срока хранения.