Какие знаешь виды хранилищ в браузере

LocalStorage – простое key-value хранилище, сохраняет данные после закрытия браузера. Ограничение ~5MB.

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

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

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

document.cookie = 'name=value; expires=...; path=/';

IndexedDB – NoSQL-база в браузере для сложных данных. Подходит для оффлайн-приложений.

Cache API – хранит HTTP-ответы для работы Service Workers (PWA).

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

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

• Простые данные – LocalStorage/SessionStorage.
• Большие/структурированные – IndexedDB.
• Работа с сетью – Cache API.