C#204课的主要内容
2017-08-24 19:48
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对象
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对象