Что такое браузерное хранилище

Браузерное хранилище — это механизмы, позволяющие сохранять данные на стороне клиента. Основные виды:

1. Cookies — небольшие текстовые данные (до 4 КБ), передаются с каждым HTTP-запросом. Используются для аутентификации, сессий и т.д.
   js

   Копировать

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

2. LocalStorage — хранилище (до 5-10 МБ), данные не удаляются после закрытия браузера.

   js

   Копировать

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

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

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

5. Cache API — часть Service Workers, используется для кеширования ресурсов (CSS, JS, изображения).

Отличия:

• Cookies отправляются на сервер, остальные — нет.
• LocalStorage/SessionStorage проще, но менее мощные, чем IndexedDB.
• Для чувствительных данных лучше не использовать — уязвимы к XSS.