Какие способы хранения данных в браузере вы знаете?

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

1. Cookies — маленькие данные, отправляемые с каждым HTTP-запросом. Подходят для хранения сессий, но ограничены по размеру (~4KB).

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

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

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

5. Cache Storage — используется для хранения ответов HTTP, помогает в реализации offline-first приложений.

Пример использования LocalStorage:

localStorage.setItem('username', 'Ivan');
const user = localStorage.getItem('username');

Выбор способа зависит от объема данных, необходимости в структуре и времени жизни данных.