Web Worker的使用,开启子线程

本文介绍了JavaScript的单线程特性,并探讨了Web Worker如何启用后台线程执行任务,以避免阻塞用户界面。主要内容包括主线程的设置,如在项目中创建子线程文件,以及子线程的创建,如在项目根目录或Vue项目的public文件夹内创建js文件。
摘要由CSDN通过智能技术生成

众所周知,Javascript是单线程。

Web Worker为Web内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。

我们可以将一些与用户界面的dom操作无关的操作,放入Web Worker中运行,避免阻塞。

注:在worker线程中你可以运行任何你喜欢的代码,不过有一些例外情况。比如:在worker内,不能直接操作DOM节点,也不能使用window对象的默认方法和属性。然而你可以使用大量window对象之下的东西。

Web Worker的使用分为主线程和子线程。



主线程

你的项目中任何一个写js代码的地方,worker.js为你创建的子线程文件。放在webpack项目中找不到,需要放到根目录。

// 1.  创建一个Worker实例
var worker = new Worker("./worker.js");

// 2.发送消息给子线程
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值