C#204课的主要内容

今天主要学习了一下知识点:

     HTMLWeb Workers

 Web worker是运行在后台的JavaScript,不会影响页面的性能

什么是Web Worker?

当在HTML页面中执行脚本时,页面是不可响应的,直到脚本已经完成。

Web worker是运行在后台的JavaScript,独立于其他脚本,不会影响页面的性能,你可以继续做任何愿意做的事情:点击,选取

内容等等,而此时web worker运行在后台。

浏览器支持

表格中的数字指示完全支持Web Worker的首个浏览器版本。

HTMLWeb Workers实例

下面的例子创建了一个简单的web worker,在后台计数:

检测Web Workwer支持

在创键web worker之前,请检测用户浏览器是否支持它:

创建Web Worker文件

现在,让我们在一个外部JavaScript文件中创建我们的web worker

在此处,我们创建了计数脚本,该脚本存储于“demo_workers,js”文件中:

注释:web worker通常不用于如此简单的脚本,而是用于更耗费cpu资源的任务。

创建Web Worker对象

现在我们已经有了web worker文件,我们需要从HTML页面调用它。

终止web worker

当创建web worker后,它会继续监听消息直到其被终止为止。

如需终止web worker,并释放浏览器计算机资源,请使用terminate()方法:

复用Web Worker

如果你把worker变量设置为undefined,在其被终止后,可以重复使用该代码:

完整的Web Worker实例代码

Web Worker和DOM

由于web worker位于外部文件中,他们无法访问下列JavaScript对象:

windows对象

document对象

parent对象

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值