2014-11-21 57 views
0

我有一个简单的应用程序的想法。它提出了许多用户必须回答的问题,并将存储这些问题的答案供本地使用。由于数据无法在线,我会使用本地存储,因此该应用也可以脱机工作。我相信我应该使用HTML5本地存储。在本地存储中保留HTML5数据属性

显而易见的方法是使用我在Javascript中设置的数据集,并存储它的序列化副本。但由于我想要存储的数据结构与HTML(DOM)的结构完全一致,因此我想知道使用HTML5数据属性将数据存储在HTML(DOM)中是否合理。这样我就可以省掉一些Javascript代码来设置和同步代码中的并行数据结构。

我的问题:是否有一种优雅的方式来保持HTML的当前状态,包括它的数据属性,以便当应用程序关闭并重新启动时,可以恢复以前的数据属性状态?我应该以某种方式序列化DOM并存储它吗?那么反序列化和恢复呢?或者这是整个概念不好的做法?

问候, 维克

PS。 Web组件(参考Polymer)可以向这个方向提供一些东西吗?在我看来,我正在寻找的是真正的语义HTML,而不是?

+0

将JSON存储在本地存储中,然后将其加载到具有“render”方法的对象中,以便将正确的东西放在正确的位置。如果你做得很好,输入的id可以匹配JSON中的键,这将使它变得容易。然后,您可以使用object.observe来确保它始终处于最新状态。 – 2014-11-21 07:53:27

回答