В чем разница между sessionStorage, localStorage, cookie

sessionStorage и localStorage — это Web Storage API, а cookie — отдельный механизм.

sessionStorage:

• Хранит данные только на время сессии (пока вкладка/браузер открыты).
• Доступен только в пределах вкладки.
• Объем ~5-10 МБ.

localStorage:

• Сохраняет данные после закрытия браузера.
• Доступен во всех вкладках одного домена.
• Объем ~5-10 МБ.

Cookie:

• Хранится на клиенте и сервере, автоматически отправляется с HTTP-запросами.
• Имеет срок жизни (expires/max-age).
• Ограничен ~4 КБ на домен.

Пример:

// Web Storage
localStorage.setItem('key', 'value');
sessionStorage.setItem('key', 'value');

// Cookie
document.cookie = 'key=value; expires=Fri, 31 Dec 2025 23:59:59 GMT; path=/';

Используй localStorage для долгосрочных данных, sessionStorage — временных, а cookie — для работы с сервером.