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

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

   javascript

   Копировать

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

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

   javascript

   Копировать

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

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

   javascript

   Копировать

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

4. IndexedDB – NoSQL-хранилище для больших данных, поддерживает транзакции.

   javascript

   Копировать

   const request = indexedDB.open('dbName', 1);
   request.onsuccess = (e) => { const db = e.target.result; };

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

   javascript

   Копировать

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

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

Все методы имеют ограничения по размеру (обычно 5-10MB) и разный уровень поддержки браузерами.