Локальное хранилище (localStorage)

• Сохраняет данные без срока действия (до очистки вручную)
• Доступно только в рамках одного домена
• Ограничение ~5MB
• Работает синхронно
• Только строковые данные

Пример:

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

Сессионное хранилище (sessionStorage)

• Аналогично localStorage, но очищается при закрытии вкладки
• Данные доступны только в рамках одной вкладки

Cookies

• Ограничение ~4KB
• Отправляются с каждым HTTP-запросом
• Можно установить срок жизни
• Доступны на сервере

Пример:

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

IndexedDB

• Асинхронная NoSQL база в браузере
• Поддержка транзакций
• Большие объемы данных (~50MB+)
• Сложнее в использовании

Cache API

• Для хранения сетевых запросов и ответов
• Используется в Service Workers
• Поддержка офлайн-работы