如何保存我的html5应用程序进度？

Question

我为在汽车展厅工作的朋友写了一份申请表。他想要一些程序，用excel这样的表来跟踪进出车辆的细节和内容，所以我只是用JavaScript做了。

每次关闭或刷新浏览器时，所有插入的表都会明显消失。我什么时候做什么，以及当他在本地重新打开应用程序时，我会用什么来保持一致？

它是cookie还是HTML5应用程序缓存，或者我到处找到了什么并且没有找到答案。我没有任何可以使用的服务器或数据库。

Answer 1

您可以使用以下任何一项：

1. PouchDB
2. LocalStorage API（没有填充）
3. IndexDB + Localstorage: localForage
4. Hood.ie
5. jQuery Store
6. store.js

还有很多其他方法可以存储数据（cookies，WebSQL等），而这些方法确实是一个优先考虑事项;每种方法都有其优点和缺点。例如，如果您只存储少量数据并需要跨浏览器兼容性，那么Cookie可能是最佳选择;相反，如果你要存储大量数据，这样你可能会超过20MB的限制，那么IndexDB或上面的一个polyfill库将是一个不错的选择（请注意，大多数数据通过聪明的＃34避免了20MB的限制;黑客＆＃34;。）

Answer 2

您可以使用localStorage对象。

localStorage对象存储没有过期日期的数据。当浏览器关闭时，数据不会被删除，并且可以在第二天，一周或一年中使用。

 // Store
localStorage.setItem("lastname", "Smith");
// Retrieve
var userLastName = localStorage.getItem("lastname");