美文网首页
09.HTML5应用缓存与web workers

09.HTML5应用缓存与web workers

作者: Ching_Lee | 来源:发表于2018-01-22 10:18 被阅读0次

1.HTML5应用缓存

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

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

如需启动应用程序缓存,在文档<html>标签中包含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

相关文章

网友评论

      本文标题:09.HTML5应用缓存与web workers

      本文链接:https://www.haomeiwen.com/subject/qeakaxtx.html