H5学习笔记-应用缓存，Web worker，服务器发送事件

最新推荐文章于 2024-07-25 09:24:40 发布

markdandan

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量77

点赞数

文章标签：前端学习缓存 javascript html

本文链接：https://blog.csdn.net/markleilei/article/details/127614121

版权

↑亮了

应用缓存用法

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

Manifest文件

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.asp

FALLBACK:
/html5/ /404.html

Web Workers

独立于其他脚本，不会影响页面的性能，后台单独运行

<!DOCTYPE html>
<html>
<body>

<p>计数: <output id="result"></output></p>
<button onclick="startWorker()">开始 Worker</button> 
<button onclick="stopWorker()">停止 Worker</button>
<br /><br />

<script>
var w;

function startWorker()
{
if(typeof(Worker)!=="undefined")
  {
  if(typeof(w)=="undefined")
  {
  w=new Worker("/example/html5/demo_workers.js");
  }
  w.onmessage = function (event) {
    document.getElementById("result").innerHTML=event.data;
    };
  }
else
  {
  document.getElementById("result").innerHTML="Sorry, your browser does not support Web Workers...";
  }
}

function stopWorker()
{ 
w.terminate();
}
</script>

</body>
</html>

var i=0;

function timedCount()
{
i=i+1;
postMessage(i);
setTimeout("timedCount()",500);
}

timedCount();

事件	描述
onopen	当通往服务器的连接被打开
onmessage	当接收到消息
onerror	当错误发生

markdandan

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5学习笔记-应用缓存，Web worker，服务器发送事件

↑亮了应用缓存用法<!DOCTYPE HTML><html manifest="demo.appcache"><body>The content of the document......</body></html>Manifest文件CACHE MANIFEST# 2012-02-21 v1.0.0...
复制链接

扫一扫