Где хранил данные в браузере

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

1. LocalStorage - хранит данные без срока действия (до очистки вручную):

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

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

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

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

4. IndexedDB - NoSQL база данных для сложных структур и больших объемов.

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

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

• Объема данных
• Необходимости доступа на сервере
• Требований к безопасности
• Сроков хранения