2010-05-10 95 views
27

所以我正在寻找一个关于localstorage的良好速成教程,并在Javascript中与它交互。我想用一些额外的功能来构建一个待办事项列表webapp,但它只适用于一个用户。我不想惹php/mysql并让服务器做任何事情。教程的链接将是最好:-DJavascript + HTML5 localstorage

回答

10

还有就是官方文档:

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

对于一个快速演示与代码:在该网站的根http://html5demos.com/storage也更HTML5演示。

注也有东西像它提炼存储你(HTML 5,谷歌齿轮,SWF)根据什么浏览器支持YUI 2 Storage Utility

存储实用工具提供了一个 机制来存储显著 文本数据量,客户端, 您的浏览器是否支持 建议的HTML 5存储 规范。

+0

由于HTML5是不是无处不在呢,欣赏更好的Web应用程序的支持(抽象层建议更新:YUI已经移到[第3版](HTTP:// yuilibrary.com/))。还有一个[更老的黑客](http://www.thomasfrank.se/sessionvars)。HTML),它有它的疣的份额,但可能会用于旧版浏览器。 – moodboom 2013-05-07 17:26:01

+0

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

2

我会推荐其中一个关于如何在localStorage中存储对象的问题。它帮助了我很多,因为我正在实现一个代码编辑器,可以存储多个文件和用户的最后状态。

The stackoverflow question
这两个答案都非常有价值。

有些事情要考虑:

  • 当你存储数据,之后每个键按下或其他一些特定的动作/事件之后?
  • 使用临时的Javascript数据结构还是只直接与localStorage进行交互?
18

这里有一个崩溃速成班,我发现非常有用的。它解释了一堆HTML5概念,包括localStorage,视频标签,离线网站,表单,位置,画布等。

http://diveintohtml5.org/storage.html

0
Store Data 

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

Demo