HTML5 本地存储答案

【问题标题】：HTML5 localStorageHTML5 本地存储
【发布时间】：2017-06-10 09:58:00
【问题描述】：

HTML5 localStorage 的真正实际用途是什么？

【问题讨论】：

标签： html local-storage

【解决方案1】：

缓存来自在线 Web 应用程序的数据，以便可以在离线场景中使用该应用程序（尽管只有缓存的数据）。
保持用户特定的 UI 状态，例如用户所在的页面、滚动位置等（如果您真的想做这种事情）。
在 Web 应用程序中保留瞬态数据（即，用户部分填写表单，然后导航到应用程序中的另一个页面，然后决定返回。您可以允许他们从上次中断的地方继续）。
允许用户在离线时在您的应用中输入数据，然后在下次用户在线时将数据发送到后台服务器。

【讨论】：

【解决方案2】：

我用它来拯救/自动保存表单内容。

例如，如果用户不小心关闭浏览器或导航离开页面，则可以避免数据丢失。

查看我的插件：https://github.com/simmo/JQuery-Rescue

【讨论】：

【解决方案3】：

我使用 localStorage 创建了一个执行以下操作的插件

1.存储背景模式（图像模式或颜色模式）。

2.将图像存储为base64。

3.存储图像和颜色选项（自定义、选择、随机、自动更改）。

4.商店设置。

像这样，您可以使用 LocalStorage 来存储数据并提高性能，但您最多只能存储 5MB 的数据。

【讨论】：

【解决方案4】：

我用它来保存没有业务被设置（和广播）的本地站点主题设置为 cookie。我写了一个工具来帮助我，叫做localDataStorage。它透明地设置/获取数组、布尔值、日期、浮点数、整数、字符串和对象。它提供轻量级数据混淆（为了安全）并智能压缩字符串。该实用程序允许您按键（名称）或（键）值或数据类型查询，检查重复值，并支持写保护键的概念。注意：我是该实用程序的作者。

【讨论】：