Javascript + HTML5 localstorage

所以我正在尋找一個關於localstorage的良好速成教程，並在Javascript中與它交互。我想用一些額外的功能來構建一個待辦事項列表webapp，但它只適用於一個用戶。我不想惹php/mysql並讓服務器做任何事情。教程的鏈接將是最好:-DJavascript + HTML5 localstorage

來源

2010-05-10 Alai

沒有親身經歷，但我沒碰到過這樣的鏈接今天：http://www.w3avenue.com/2010/05/07/html5-unleashed-tips-tricks-and-techniques/

可鏈接到這一點：http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/

玩得開心！

來源

2010-05-10 04:08:29

還有就是官方文檔：

http://dev.w3.org/html5/webstorage/

對於一個快速演示與代碼：在該網站的根http://html5demos.com/storage也更HTML5演示。

注也有東西像它提煉存儲你（HTML 5，谷歌齒輪，SWF）根據什麼瀏覽器支持YUI 2 Storage Utility：

存儲實用工具提供了一個機制來存儲顯著文本數據量，客戶端，您的瀏覽器是否支持建議的HTML 5存儲規範。

來源

2010-05-10 04:18:58

由於HTML5是不是無處不在呢，欣賞更好的Web應用程序的支持（抽象層建議更新：YUI已經移到[第3版]（HTTP：// yuilibrary.com/））。還有一個[更老的黑客]（http://www.thomasfrank.se/sessionvars）。HTML），它有它的疣的份額，但可能會用於舊版瀏覽器。 – moodboom 2013-05-07 17:26:01

[jQuery的抽象]（http://www.jquerysdk.com/api/jQuery.localStorage）返回到cookie。 – moodboom 2013-05-07 20:15:58

我會推薦其中一個關於如何在localStorage中存儲對象的問題。它幫助了我很多，因爲我正在實現一個代碼編輯器，可以存儲多個文件和用戶的最後狀態。

The stackoverflow question
這兩個答案都非常有價值。

有些事情要考慮：

當你存儲數據，之後每個鍵按下或其他一些特定的動作/事件之後？
使用臨時的Javascript數據結構還是隻直接與localStorage進行交互？

來源

2010-05-10 06:24:19 JeroenEijkhof

這個小小的教程/代碼片段幫助我開始。

http://hacks.mozilla.org/2009/06/localstorage/

來源

2010-09-26 14:56:17

這裏有一個崩潰速成班，我發現非常有用的。它解釋了一堆HTML5概念，包括localStorage，視頻標籤，離線網站，表單，位置，畫布等。

http://diveintohtml5.org/storage.html

來源

2010-12-15 22:28:00 Steve

Store Data 

//Syntax 
localStorage.setItem(Key,Value);

Demo

來源

2015-07-14 05:48:44 Kamal

Javascript + HTML5 localstorage

回答

相關問題