HTML5 localStorage

Question

什麼可能是真正的實際使用HTML5 localStorage？

Answer 1

1. 緩存來自在線Web應用程序的數據，以便應用程序可以在脫機場景中使用（儘管只有緩存數據）。

2. 持續用戶特定的用戶界面狀態，如用戶所在的頁面，滾動位置等（如果你真的想這樣做）。

3. 在Web應用程序中保留暫時數據（即，用戶部分填寫表單，然後導航到應用程序中的另一個頁面，然後決定返回，您可以允許它們從中斷處繼續）。

4. 允許用戶在離線時在您的應用中輸入數據，然後在用戶下次在線時將數據發送到服務器。

Answer 2

我用它來拯救/自動保存表單內容。

例如，如果用戶不小心關閉瀏覽器或導航離開頁面，則可以避免數據丟失。

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

Answer 3

我使用localStorage的創建一個插件，做以下的事情

1.Stores背景模式（圖像模式或彩色模式）。

2.將圖像存儲爲base64。

3.存儲圖像和顏色選項（自定義，選擇，隨機，自動更改）。

4.商店設置。

像這樣你可以使用LocalStorage存儲數據並提高性能但是你最多隻能存儲5MB數據。

Answer 4

我用它來保存本地網站的主題設置，沒有任何業務被設置（和廣播）作爲cookie。我寫了一個工具來幫助我，叫做localDataStorage。它透明地設置/獲取數組，布爾值，日期，浮點數，整數，字符串和對象。它提供輕量級的數據混淆處理（用於安全性）並智能地壓縮字符串。該實用程序允許您通過鍵（名稱）或（鍵）值或數據類型進行查詢，檢查重複值，並支持寫保護鍵的概念。注意：我是該實用程序的作者。