В чем разница между cookie и другими хранилищами браузера

Cookie — это небольшие текстовые файлы, хранящиеся в браузере и автоматически отправляемые на сервер с каждым HTTP-запросом. Используются для аутентификации, сессий, трекинга. Ограничены ~4КБ на домен.

Локальное хранилище (LocalStorage) — данные сохраняются на клиенте без срока действия (до очистки вручную). Объем ~5-10МБ. Доступ только через JavaScript.

Сессионное хранилище (SessionStorage) — аналогично LocalStorage, но данные удаляются после закрытия вкладки.

IndexedDB — NoSQL-хранилище для сложных структур данных. Подходит для офлайн-приложений (большие объемы, транзакции).

// Пример записи в LocalStorage
localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');

Основные отличия:

• Cookie отправляются на сервер, остальные — нет.
• Объем: Cookie (мало), LocalStorage/IndexedDB (много).
• Управление: Cookie можно ограничить по времени, Secure/HttpOnly флагами.