为 Web 本地存储数据的最佳实践答案

【问题标题】：Best practice to store data locally for web为 Web 本地存储数据的最佳实践
【发布时间】：2013-12-29 02:34:52
【问题描述】：

我正在开发一些 Web 应用程序，我们需要在本地存储中存储一些 javascript 对象。到目前为止，我们使用 cookie 来实现，但我们希望使用 HTML5 存储解决方案之一，因为 cookie 数据在每次服务器调用时发送到服务器，这是一种资源浪费，而且它的大小非常有限。数据应该永久保存，我的意思是关闭浏览器再打开后应该可以使用。

执行此操作的最佳做法是什么？有没有办法将对象存储在本地存储中。感谢您的帮助

【问题讨论】：

查看stackoverflow.com/questions/2800238/…

标签： javascript html cookies local-storage local-database

【解决方案1】：

在我当前的项目中，我正在使用 PouchDB 库 (http://pouchdb.com/)。它是一个轻量级的 javascript 数据库，可以在浏览器本地存储数据（字符串、整数、对象等）。浏览器重新启动后，所有存储的数据仍然可用。

你应该将它与一些 JS 框架一起使用，在我的例子中是 AngularJS（非常简单的集成）。

【讨论】：

我创建了一个AngularJS wrapper for PouchDB，这让它变得更加容易。只需键入 <div pouch-repeat="contact in contacts">{{contact.name}}</div> 即可为您提供一个列表，该列表不断从服务器获取更新并在本地插入。 AngularJS 和 PouchDB 很棒。

【解决方案2】：

看看这个链接：http://slides.html5rocks.com/#web-storage

听起来 HTML5 的本地存储绝对是您的绝佳选择。该演示文稿包含很多重要信息，应该可以帮助您决定最佳的存储形式。

【讨论】：

【解决方案3】：

IndexedDb 是存储 javascript 对象的好选择。

我强烈建议你阅读这篇文章 -> https://developer.mozilla.org/en-US/docs/IndexedDB

【讨论】：