Ответ
В браузере есть несколько способов хранения данных:
- LocalStorage - хранит данные без срока действия, даже после закрытия браузера.
localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');
-
SessionStorage - аналогичен LocalStorage, но очищается при закрытии вкладки.
-
Cookies - небольшие текстовые файлы с ограниченным размером (~4KB), можно установить срок жизни.
document.cookie = "username=John; expires=Thu, 18 Dec 2023 12:00:00 UTC";
-
IndexedDB - NoSQL база данных для хранения больших объемов структурированных данных.
-
Cache API - используется для хранения ответов от сервера (часто в Service Workers).
Для сложных приложений лучше использовать IndexedDB, для простых - LocalStorage. Cookies подходят для небольших данных, которые нужно отправлять на сервер.