1、通过本地存储(Local Storage),web 应用程序能够在用户浏览器中对数据进行本地的存储:

  Chrome 的存储方式是以sqlite的数据库文件形式存储。存在C:\Users\Username\AppData\Local\Google\Chrome\User Data\Default\Local Storage 中,虽然后缀名是.localstorege 但是实际上就是sqlite的数据库文件,可以用sqlite打开:

    SQLite,是一款轻型的数据库,是遵守ACID的关系型数据库管理系统,它包含在一个相对小的C库中。

  如果要在浏览器查看,打开调试工具(F12),在application选项卡下可以查看。

2、应用程序缓存:

  Web应用一般是B/S模式;

  ManifestCache,又称为Cache Manifest,是HTML 5网页编写语言中,Web应用程序的离线缓存文件,位置?;
  在后缀名为.htm或.html的文件中,经常会通过一些Web应用程序链接来帮助用户访问一些需要调用的脚本文件,这些链接指向的脚本文件中,有一部分能够被浏览器缓存,这些脚本文件就会以Cache Manifest文件的形式来储存;
  如果在某些目录下找到了这些文件,一般不建议进行修改,防止产生不必要的错误;但是如果网页发生了错误,用户可以通过修改Cache Manifest的方式,尝试手动解除这些错误;

  脱机方式即在计算机没有联网的情况进行操作。

3、<html manifest="/example/html5/demo_html.appcache">:

  manifest属性值为URL,定义manifest文件的存储位置

  demo_html.appcache中规定要被缓存的文件(标题为 CACHE MANIFEST)

  应用的缓存只会在其 manifest 文件改变时被更新:

    一旦文件被缓存,则浏览器会继续展示已缓存的版本,即使您修改了服务器上的文件,为了确保浏览器更新缓存,您需要更新 manifest 文件。

4、HTML DOM

  HTML Document Object Model(文档对象模型),专门适用于HTML/XHTML的文档对象模型;

  可以将HTML DOM理解为网页的API,它将网页中的各个元素都看作一个个对象,从而使网页中的元素也可以被计算机语言获取或者编辑;

  根据W3C DOM规范,DOM是一种与浏览器,平台,语言无关的接口,可以访问页面中其他的标准组件(数据、脚本和表现层对象)。

5、Web Worker:

  Uncaught DOMException: Failed to construct 'Worker': Script at 'http://www.w3school.com.cn/example/html5/demo_workers.js' cannot be accessed from origin 'null'.???

6、EventSource:

  Failed to load http://www.w3school.com.cn/example/html5/demo_sse.php: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.???