Какие хранилища в браузере использовал

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

1. LocalStorage
Хранит данные без срока действия (до очистки вручную). Доступен через window.localStorage.

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

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

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

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

document.cookie = 'user=John; max-age=3600; path=/';

4. IndexedDB
Асинхронная NoSQL база для сложных данных.

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

5. Cache API
Для хранения ответов/ресурсов (часть Service Workers).

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

Выбор зависит от задач:

• Простые данные → LocalStorage/SessionStorage
• Критичные для бекенда данные → Cookies
• Объемные/структурированные данные → IndexedDB
• Оффлайн-доступ → Cache API