HTML5 Workder 使用实例
来源:互联网 发布:linux rpm 安装svn 编辑:程序博客网 时间:2024/04/29 21:27
- 什么是Worker
- Workder 的简单使用
什么是Worker
当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。
web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。
就是开辟了一个子线程 实现线程通信
Workder 的简单使用
1 main.html
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> var workder=new Worker("worker.js"); workder.postMessage("hello world");//发送 workder.onmessage= function (e) {//接收 console.log(e.data); }// workder.terminate();在合适时机结束</script></body></html>
2 worker.js
onmessage= function (e) {//我接收到 了 来自 main.html的消息 var a =e.data; console.log(a);}postMessage("我要发送给main.html");
0 0
- HTML5 Workder 使用实例
- HTML5-Canvas标签使用实例一
- html5 使用web SQL database简单实例
- HTML5-Canvas标签使用实例一
- HTML5开发实例-使用canvas绘制曲线
- html5 record 录音实例 使用websocket
- HTML5中figure标签使用实例
- 转载--HTML5中的Scoped属性使用实例
- html5实例
- HTML5中使用拖拽实例(一)
- HTML5中使用拖拽实例(二)
- 使用HTML5捕捉音频与视频信息概述及实例
- HTML5快速入门实例(二)使用Canvas绘制文本
- HTML5 audio标签使用js进行播放控制实例
- Android WebView使用实例(html5、文件下载和远程URL)
- HTML5 audio标签使用js进行播放控制实例
- jersey1.x集合html5使用FormData上传多文件实例
- apache的prefork和workder模式
- lintcode 447 Search in a Big Sorted Array
- UVALive-7304 - Queue of Soldiers 【动态规划】【组合函数】【好题】
- CodeForces 697C Lorenzo Von Matterhorn
- Genymotion 模拟器出现unable to load virtualbox engine 错误的解决方案
- Java中的操作符
- HTML5 Workder 使用实例
- 委托(1)
- 安卓入门-UI Components之 ActionBar ,Dialog,Notification ,Toast
- 为什么平时我们不做计划呢?
- Android应用资源
- Android开发案例Onclick点击事件switch调用分类04
- 写一个最基本的angular路由的使用案例
- Mysql 分区处理NULL的得方式
- 【LoadRunner】脚本回放时自带浏览器设置