Как хранить данные браузере

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

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

   javascript

   Копировать

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

2. SessionStorage – данные удаляются при закрытии вкладки.

   javascript

   Копировать

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

3. Cookies – небольшой объем данных (до 4КБ), передается на сервер с каждым запросом.

   javascript

   Копировать

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

4. IndexedDB – для сложных структур данных, работает асинхронно.

   javascript

   Копировать

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

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

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