HTML5 localStorage

Question

Что может быть реальным практическим использованием HTML5 localStorage?

Answer 1

1. Кэширование данных из онлайн-приложения, чтобы приложение могло использоваться в автономных сценариях (хотя и только с кэшированными данными).

2. Сохранение состояния пользовательского интерфейса пользователя, например, на какой странице находится пользователь, позиция прокрутки и т. Д. (Если вы действительно хотели сделать это).

3. Сохранение переходных данных в веб-приложении (т. Е. Пользователь частично заполняет форму, а затем переходит на другую страницу в вашем приложении, а затем решает вернуться. Вы можете разрешить им выбирать, где они остановились).

4. Разрешить пользователю вводить данные в приложение в автономном режиме, а затем отправлять данные на сервер в фоновом режиме при следующем подключении пользователя.

Answer 2

Я использую его для спасения / автоматического сохранения содержимого формы.

Например, если пользователь случайно закрывает браузер или удаляется от страницы, потери данных можно избежать.

Проверьте мой плагин: https://github.com/simmo/JQuery-Rescue

Answer 3

Я использую его для сохранения настроек темы локального сайта, для которых не задано (и не транслируется) бизнес, в качестве файлов cookie.Я написал инструмент, чтобы помочь мне, под названием localDataStorage .Он прозрачно устанавливает / получает массивы, логические значения, даты, числа с плавающей точкой, целые числа, строки и объекты.Он обеспечивает легкое запутывание данных (для безопасности) и интеллектуальное сжатие строк.Утилита позволяет выполнять запросы по значению ключа (имени) или (ключа) или типу данных, проверяет наличие дублированных значений и поддерживает понятие ключей, защищенных от записи.Примечание: я являюсь автором утилиты.

Answer 4

Я использовал localStorage для создания подключаемого модуля, который выполняет следующие действия:

1. Сохраняет фоновый режим (режим изображения или цветовой режим).

2. Сохраняет изображение как base64.

3. Сохраняет параметры изображения и цвета (пользовательские, выбирают, произвольно, автоматически изменяют).

4. Настройки хранилищ.

Таким образом, вы можете использовать LocalStorage для хранения данных и повышения производительности.Но вы можете хранить только до 5 МБ данных.