Web Storage

HTML5 的 Web Storage 可以让 Web 页面在客户端浏览器中以键值对的形式在本地存储数据。
这些数据可以是临时的(浏览器一关就自动删除),或者是长期存在的(无论多少天之后打开网站,仍然可以访问这些数据)。
Web Storage 的意思是供 Web 使用的 Storage,不是存储在 Web 上的,都是存储在本地的。所以某些浏览器厂商又把它叫做“本地存储”或者“DOM存储”。
Web Storage 和很多其他的规范一样,原先是 HTML5 规范的一部分,后来被 W3C 归类划分给抽离出来形成了单独的一份标准。

讲义大纲

  • 什么是 Web Storage ?
  • 浏览器支持情况
  • 特性检测
  • Web Storage 快速示例
  • 使用 Web Storage
    • 删除数据项
    • 查找所有数据项
    • 保存数值
    • 保存对象
    • 响应存储变化

HTML5 离线功能详解 – 构建 Offline Web Application

HTML5 提供的一种应用缓存机制可以让基于 Web 的应用离线运行。开发者可以指定让浏览器缓存哪些资源以便在离线状态下可用。这样即使在离线状态下,用户打开(或刷新)应用页面时,已经缓存过的应用程序还可以继续加载和运行。

使用应用程序缓存的三个好处:

  • 离线浏览:用户即使在离线状态下也可以访问网站
  • 速度:缓存的资源是保存在本地的,因此加载起来更快速
  • 降低服务器负载:浏览器只从服务器下载变更了的内容

讲义大纲

  • Quick Start: What & How?
    • 什么是 Offline Web applications?
    • 快速 Demo: 把网页转成离线应用的三个步骤
    • 浏览器支持情况和调试,及缓存空间大小限制
  • manifest 语法,编写和更新
  • 实用缓存技术
    • 访问未缓存内容
    • 添加后备内容
    • 网络连接检测的几种方法
    • 缓存过程的事件流
    • 使用 JavaScript API: applicationCache
    • 特性检测
  • 相关资源

在线阅读
PPT 下载