Какие знаешь варианты для хранения данных на Frontend

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

1. Cookies - небольшие текстовые файлы, хранятся в браузере. Ограничение ~4KB.

document.cookie = "username=John; expires=Thu, 18 Dec 2023 12:00:00 UTC; path=/";

2. LocalStorage/SessionStorage - ключ-значение, до 5-10MB.

localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');

3. IndexedDB - NoSQL база в браузере, асинхронная, поддерживает транзакции.

4. Cache API - для хранения запросов и ответов (часть Service Workers).

5. Web SQL (устаревший) - SQL-подобная база.

6. Файлы - через File API можно читать/сохранять файлы.

7. Переменные в памяти - пока открыта вкладка.

Выбор зависит от типа данных, объема и требований к доступности. Для небольших данных - localStorage, для сложных структур - IndexedDB, для сессионных данных - sessionStorage.