Javascript + HTML5 localstorage

IT技术 javascript html local-storage
2021-02-21 00:04:10

所以我正在寻找一个关于 localstorage 的好的速成课程,并在 Javascript 中与它进行交互。我想构建一个具有一些额外功能的待办事项列表 web 应用程序,但它仅适用于 1 个用户。我不想弄乱 php/mysql 并让服务器做任何事情。最好有教程链接:-D

6个回答

这是我发现非常有用的速成课程。它解释了一系列 HTML5 概念,包括 localStorage、视频标签、离线网站、表单、位置、画布等。

http://diveintohtml5.org/storage.html

有官方文档:

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

有关代码的快速演示:http : //html5demos.com/storage 在该站点的根目录中还有更多 html5 演示。

请注意,还有像YUI 2 Storage Utility这样的东西,它根据浏览器支持的内容为您抽象存储(HTML 5、Google Gears、SWF):

存储实用程序提供了一种用于在客户端存储大量文本数据的机制,无论您的浏览器是否支持提议的 HTML 5 存储规范。

由于 HTML5 还不是无处不在,请欣赏抽象层推荐以获得更好的 Web 应用程序支持(更新:YUI 已移至第 3 版)。还有一个较旧的 hack有其不足之处,但可能对较旧的浏览器有用。
2021-05-06 00:04:10
jQuery 的抽象可以追溯到 cookie。
2021-05-20 00:04:10

这个小教程/代码片段帮助我入门。

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

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

stackoverflow 问题
发布的两个答案都非常有value。

需要考虑的一些事项:

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