Какой опыт работы с localStorage

LocalStorage — это механизм хранения данных в браузере, который позволяет сохранять пары ключ-значение без срока действия (до очистки кэша). Работал с ним в проектах для хранения пользовательских настроек, токенов аутентификации и кэширования данных.

Основные методы:

• setItem(key, value) — сохранение данных
• getItem(key) — получение данных
• removeItem(key) — удаление по ключу
• clear() — полная очистка

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

// Сохранение
localStorage.setItem('theme', 'dark');

// Получение
const theme = localStorage.getItem('theme');

// Удаление
localStorage.removeItem('theme');

Важные нюансы:

1. Хранит только строки (для объектов нужен JSON.stringify)
2. Лимит ~5MB на домен
3. Доступен только в том же origin (протокол+домен+порт)
4. Небезопасно для чувствительных данных (XSS-атаки)
5. Синхронный API, что может блокировать основной поток при больших данных

Для сложных сценариев часто использую обёртки с обработкой ошибок и сериализацией.