webworker使用

JavaScript是单线程模型,但WebWorker允许多线程处理耗时任务,避免页面卡死,尤其适合大数据处理和音频处理等。然而,Worker有同源限制,无法操作DOM,且不能直接创建新的Worker,需要考虑兼容性问题。Ajax因其已有异步特性,通常不需要放在Worker中。
摘要由CSDN通过智能技术生成

 js是单线程模型。也就是说一次只能处理一件事情,前面的事情没有完毕,后面的事情要等待前面的事情处理完毕后才能执行。
随着多核CPU的出现,我们可以最大限度的利用cpu多核,来提高js的性能。Worker接口可以创建后台任务,即可以给js运行新增线程。
用于处理一些耗时、耗费性能的任务(异步的除外)。

要解决的问题是:

1.解决页面卡死问题。
2.发挥多核CPU的优势,提高js性能。

比如当后端返回上万条数据的时候,为了不让页面卡死,我们就可以使用web worker 创建多线程。

二、使用场景接下来说说哪些任务比较适合使用Worker。这个是最重要的一点。

1.如果是很消耗主线程性能的程序。可以考虑使用Web Worker。可以防止页面卡死情况。
2.弹屏,webaudio(两个群友的看法)。www.bilibili.com/  就有使用Worker。但由于代码被压缩,混淆,未能看出其详细使用情况。欢迎评论,多多指教Worker的应用场景。

三、注意事项

1.非同源限制(本地代码如果以盘符的方式打开也不行,因为没有源啦)         
主线程代码与Worker线程代码必须同源才能一起正常工作。
2.DOM、脚本限制       
“Worker 线程所在的上下文环境与主线程不一样,无法读取主线程所在网页的 DOM 元素,也无法使用document、window这些对象。但是,Worker 线程可以使用navigator,location,XMLHttpRequest。除此之外,Worker 线程不能执行alert()、confirm()等方法.
3.任务顺序        Worker线程任务需要等待主线程任务结束才能进行。
4.Worker结束  可以主动关闭Worker线程。如果是多页应用的话,离开了Worker页面,Worker 也不会工作。

四、其他1.关于Ajax轮询放在Worker线程里面的看法。

ajax 本来是异步操作,有自己的线程,而且兼容性很好。如果使用Worker的话,需要考虑兼容性。所以ajax轮询放在Worker里面得不偿失。是不明智的。
2.关于Worker中在创建Worker的看法。       
由于Worker中在创建Worker兼容性差,不推荐使用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值