C#204课的主要内容

来源:互联网 发布:linux查看光纤卡流量 编辑:程序博客网 时间:2024/05/22 03:19

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

     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对象