在本地存儲中保留HTML5數據屬性

Question

我有一個簡單應用程序的想法。 它提出了用戶必須回答的許多問題，並將這些問題的答案存儲在本地。 因為沒有理由使數據在線，所以我將使用本地存儲，因此該應用程序也可以脫機工作。 我相信我應該為此使用HTML5本地存儲。

一種明顯的方法是使用我在Javascript中設置的數據集，並存儲它的序列化副本。 但是，由於我要存儲的數據結構與HTML（DOM）的結構完全一致，因此我想知道使用HTML5數據屬性將數據存儲在HTML（DOM）內是否有意義。 這樣，我就省去了一些Javascript代碼來設置和同步代碼中的並行數據結構。

我的問題：是否存在一種優雅的方法來持久保存HTML的當前狀態（包括其數據屬性），以便當應用程序關閉並再次啟動時，可以恢復數據屬性的先前狀態？ 我應該以某種方式序列化DOM並將其存儲嗎？ 那么反序列化和還原呢？ 還是整個概念都是不好的做法？

問候，維克

PS。 Web組件（參見Polymer）可以在這個方向上提供一些東西嗎？ 在我看來，我正在尋找的是真正的語義HTML，不是嗎？

Answer 1

本文檔中對此進行了討論： http : //www.w3.org/TR/offline-webapps/

• 您可以使用localStorage： http ://www.html5rocks.com/en/features/storage來存儲數據。
• 您可以提供緩存清單，以使應用程序脫機工作。

我推薦TODOMVC網站，其中有許多關於localStorage的示例。 例如http://todomvc.com/examples/angularjs/#/