Какие браузерные хранилища существуют?

В браузерах есть несколько видов хранилищ для данных:

• Cookies — маленькие данные, которые отправляются на сервер с каждым запросом. Используются для сессий, аутентификации. Ограничены по размеру (~4KB), имеют дату истечения.

• LocalStorage — ключ-значение, хранит данные без срока действия, доступно только на стороне клиента. Размер обычно около 5-10 МБ. Данные сохраняются между сессиями.

• SessionStorage — похож на LocalStorage, но данные живут только в рамках одной сессии (пока открыт вкладка/окно браузера).

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

• Cache Storage — используется сервис-воркерами для кэширования ресурсов (HTML, JS, CSS) для офлайн-доступа.

Выбор зависит от задачи: для простых настроек — LocalStorage, для сессий — SessionStorage или Cookies, для больших и сложных данных — IndexedDB.