web worker

使用:创建一个Worker对象,指向一个js文件,然后通过Worker对象往js文件发送消息,js文件内部的处理逻辑,处理完毕后,再发送消息回到当前页面,纯异步方式,不影响当前主页面渲染。

  1. 主页面:
 



    
    





  1. work.js
onmessage = function (event) {
    //从1加到num
    var num = event.data;
    var result = 0;
    for (var i = 1; i <= num; i++) {
        result += i;
    }
    postMessage(result);
}

参考文档:http://www.cnblogs.com/yelongsan/p/6306563.html
Vue中可使用vue work插件
参考文档:http://www.tangshuang.net/3657.html

你可能感兴趣的:(web worker)