Какие знаешь хранилища данных на фронте

LocalStorage — хранит данные в формате ключ-значение без срока действия. Доступен через localStorage.setItem(key, value) и localStorage.getItem(key). Ограничение ~5MB.

SessionStorage — аналогичен LocalStorage, но данные очищаются после закрытия вкладки. Используется так же: sessionStorage.setItem(key, value).

Cookies — небольшие строки данных (до 4KB), отправляемые серверу с каждым запросом. Устанавливаются через document.cookie или сервером. Могут иметь срок жизни.

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

Пример с LocalStorage:

localStorage.setItem('theme', 'dark');
const theme = localStorage.getItem('theme'); // 'dark'