С какими системами хранения в браузере работал

Работал с localStorage, sessionStorage, IndexedDB и Cookies.

localStorage/sessionStorage – простые key-value хранилища (5-10 МБ). Отличаются временем жизни (localStorage – перманентно, sessionStorage – до закрытия вкладки).

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

IndexedDB – асинхронная NoSQL БД для сложных данных (>250 МБ). Подходит для оффлайн-приложений.

const request = indexedDB.open('dbName', 1);
request.onsuccess = (e) => {
  const db = e.target.result;
  // Работа с транзакциями...
};

Cookies – устаревший способ (4 КБ), но полезен для работы с сервером (HTTP-only, Secure).

document.cookie = 'token=abc123; max-age=3600; path=/';

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

• Простые данные → localStorage
• Сессии → sessionStorage
• Объемные/структурированные данные → IndexedDB
• Безопасность/серверное взаимодействие → Cookies