码迷,mamicode.com
首页 > Windows程序 > 详细

HTML5 API worker使用

时间:2017-04-08 22:18:59      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:use   style   hello   win   xmlhttp   java   属性   code   app   

一、web worker

使用Worker类加载一个外部js文件来创建一个线程,这个线程不会阻塞主线程。将大量的与DOM无关的工作放在这个worker线程里,可以优化网页的响应速度

Worker线程运行环境包含:
1.一个浏览器对象,只包含四个属性:appName,appVersion,userAgent,platform
2.一个location对象,和window里的一样,只是所有的属性是只读的
3.一个self对象指向全局工人线程对象
4.一个importScripts()方法,使工人线程可以加载外部JavaScript文件
5.所有ECMAScript对象,例如Object、Array、Data
6.XMLHttpRequest构造器
7.setTimeout和setInterval方法
8.close方法立即停止工人线程

二、使用Worker

1..创建worker线程
var worker=new Worker(‘code.js‘);//code.js指一个完全独立的js文件
2.worker线程交互。postMessage()用于传递数据,onmessage事件用于接收数据
var worker=new Worker(‘lib/code.js‘); //一定要在一个域内
var data=‘hello world‘;
worker.postMessage(data);
worker.onmessage=function(event){
     alert(event.data);
}
//lib/code.js self.onmessage=function(event){ self.postMessage(‘收到消息‘+event.data); }

3.加载外部文件

  1.通过importScripts()方法加载外部文件
  2.以阻塞方式调用importScripts,在所有文件加载完成并执行之后,脚本继续运行。
  3.在UI线程之外运行,阻塞不会影响UI响应
importScripts(‘file.js‘,‘file2.js‘);

 

HTML5 API worker使用

标签:use   style   hello   win   xmlhttp   java   属性   code   app   

原文地址:http://www.cnblogs.com/lee1993/p/6683209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!