Какие знаешь способы хранения данных на клиенте

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

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

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

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

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

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

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

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

Для чувствительных данных лучше использовать HttpOnly cookies или зашифрованные данные в LocalStorage. Для больших объемов - IndexedDB.