Какие знаешь системы хранения в браузере

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

1. LocalStorage - хранит данные без срока действия, доступен даже после перезагрузки браузера. Лимит ~5MB.

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

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

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

document.cookie = "username=John; expires=Thu, 18 Dec 2023 12:00:00 UTC";

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

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

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

Выбор зависит от задач: для простых данных - LocalStorage, для сложных - IndexedDB, для авторизации - Cookies.