HTML5 应用缓存与Web Workers

什么是应用程序缓存？

html5引入了应用程序缓存，这意味着web应用可进行缓存，并可在没有因特网连接时进行访问

应用缓存的优势？

1.离线浏览，用户可在应用离线时使用它们

2.速度，已缓存资源加载得更快

3.减少服务器的负载，浏览器将只从服务器下载更新过或更改过的资源

那么缓存如何实现呢？

如需 启用应用程序缓存，请在文档的标签中包含manifest属性，manifest文件的建议的文件扩展名是“.appcache’”

manifest文件：

1.CACHE MANIFEST 在此标题下列出的文件将在首次下载后进行缓存

2.NETWORk:在此标题下列出的文件需要与服务器的连接，并且不会被缓存

3.FALLBACK：在此标题下列出的文件规定当页面无法访问时的回退页面（比如404页面）

以上呢就是h5的应用缓存，根据各个条件进行筛选部署到不同的标题下

附注：manifest部署好后一定要引入到html标签中

二。什么是Web Worker呢？

Web Worker是运行在后台的javaScript,独立于其他脚本，不会影响页面的性能

最好的解释呢就是：其实我们整个程序在创建新的程序的时候它是存在一个线程，也就是主线程，在支持我们程序的运行，主线程的任务就是响应ui的操作，如果这个时候你让主线程做一个特别复杂的操作那肯定回很卡顿，很难响应客户的操作，那么这个繁重的任务呢可以通过web Worker进行处理，然后把处理的结果返回给我们主线程，这样我们就可以看到了，就不会影响响应页面的执行

方法：

PostMessage()-它用于向html页面传回一段信息

terminate()-终止web Worker,并释放浏览器/计算机资源

事件：onmessage