09.HTML5应用缓存与web workers

1.HTML5应用缓存

web应用可以进行缓存，并可在没有因特网连接时进行访问。

1.1 应用缓存的优势:

• 离线浏览：用户可在应用离线时使用它们。
• 速度：已缓存资源加载得更快
• 减少服务器负载：浏览器只要从服务器下载更新过或者更改过的资源

1.2 实现缓存：

如需启动应用程序缓存，在文档标签中包含manifest属性，manifest文件的扩展名是".appcache"
Manifest文件：

• CACHE：在此标题下列出的文件将在首次下载后缓存。
• NETWORK:在此标题下列出的文件需要与服务器连接，不会缓存

• FALLBACK:在此标题下列出的文件规定当前页面无法访问时回退页面。比如404

  
  
  

2.web workers

web worker是运行在后台的JavaScript，独立于其他脚本，不会影响页面的性能。

• 对象
  new worker(".js");创建一个新线程
• 方法：
  postMessage()：新线程向主线程回传一段消息
  terminate():主线程终止web worker，并释放浏览器/计算机资源

• 事件
  onmessage:主线程获取传回的信息，并对HTML页面进行处理

  
  
  

  index.html
  
  
  

  index.js
  
  
  

  count.js