HTML5 localStorage

Question

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

Answer 1

1. 从在线Web应用程序缓存数据，以便可以在离线方案中使用该应用程序（尽管只有缓存的数据）。

2. 保持用户特定的UI状态，例如用户所在的页面，滚动位置等（如果你真的想做那种事情）。

3. 在Web应用程序中保留瞬态数据（即，用户部分填写表单，然后导航到应用程序中的另一个页面，然后决定返回。您可以允许他们从他们中断的地方继续）。

4. 允许用户在离线时在您的应用中输入数据，然后在用户下线时在后台将数据发送到服务器。

Answer 2

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

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

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

Answer 3

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

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

2.将图像存储为base64。

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

4.存储设置。

像这样你可以使用LocalStorage存储数据并提高性能但是你只能存储5MB的数据。

Answer 4

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