Web Workers

本文介绍WebWorkers在HTML5中实现后台异步化与线程化操作的方法,通过postMessage进行消息传递,有效避免页面假死与卡顿现象。适用于HTTP请求与IO操作。

Web Workers使得html5也可以使用类似后台异步化、线程化的操作,让假死、卡不再存在,非常适合httpreqeust/io等操作。

worker使用postMessage方法,发送请求,在处理时再通过postMessage返回给消息给创建者,它的onmessage方法会捕获进行处理

  1. // 声明
  2. var worker = new Worker("worker.js");  
  3. // 发送消息
  4. worker.postMessage(str);  
  5. // 返回
  6. worker.onmessage = function(evt) {  
  7.        alert(evt.data);  
  8. }  
  9. // 异常
  10. worker.onerror = function(evt) {  
  11.        alert("\n在第["+ evt.lineno +"]行发生错误: " + evt.message);  
  12. }  
  13. // 关闭
  14. worker.terminate();  

JavaScript Code(worker.js

  1. // 接受消息
  2. his.onmessage = function (event) {  
  3.    var msg = event.data,  
  4.  // 返回
  5.  postMessage(msg +'~~~~');
  6. }

 

 

 

转载于:https://www.cnblogs.com/luxx/archive/2012/04/10/2440798.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值