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

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

1. LocalStorage – хранит данные без срока действия, доступен только в рамках одного домена. Пример:

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

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

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

document.cookie = 'name=value; expires=Thu, 18 Dec 2025 12:00:00 UTC; path=/';

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

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

LocalStorage и SessionStorage имеют синхронный API, в то время как IndexedDB и Cache API работают асинхронно. Выбор зависит от типа и объема данных, требований к безопасности и необходимости доступа из серверного кода.