当前位置:首页 > 分享 > 正文内容

什么是 Web Worker?

访客3年前 (2022-09-13)分享1366

好多人不知道什么是Web Worker,今天我就和大家说一说

操作方法

  • 01

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

  • 02

    什么是 Web Worker?当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成。

  • 03

    web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能。您可以继续做任何愿意做的事情:点击、选取内容等等,而此时 web worker 在后台运行。

  • 04

    检测 Web Worker 支持在创建 web worker 之前,请检测用户的浏览器是否支持它:if(typeof(Worker)!=="undefined")  {  // Yes! Web worker support!  // Some code.....  }else  {  // Sorry! No Web Worker support..  }

  • 05

    创建 web worker 文件现在,让我们在一个外部 JavaScript 中创建我们的 web worker。在这里,我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中:var i=0;function timedCount(){i=i+1;postMessage(i);setTimeout("timedCount()",500);}timedCount();

  • 06

    以上代码中重要的部分是 postMessage() 方法 - 它用于向 HTML 页面传回一段消息。注释:web worker 通常不用于如此简单的脚本,而是用于更耗费 CPU 资源的任务。

  • 07

    创建 Web Worker 对象我们已经有了 web worker 文件,现在我们需要从 HTML 页面调用它。下面的代码检测是否存在 worker,如果不存在,- 它会创建一个新的 web worker 对象,然后运行 "demo_workers.js" 中的代码:if(typeof(w)=="undefined")  {  w=new Worker("demo_workers.js");  }

扫描二维码推送至手机访问。

版权声明:本文由冒牌码农发布,如需转载请注明出处。

本文链接:http://news.xxbyc.cn/post/2097.html

分享给朋友:

“什么是 Web Worker?” 的相关文章

五大壁纸齐上阵室内装修无烦恼

五大壁纸齐上阵室内装修无烦恼

家庭装修的时候,每次要进行墙面装饰,业主总会第一时间想到壁纸。的确,壁纸是室内装饰中要的材料。下面就为即将装修的业主们介绍五种装饰公司极力推荐使用的比壁纸。操作方法01第一、普通壁纸,也就是全纸壁纸。这是最早开始使用的壁纸,价格相对比较便宜...

导致安全套避孕失败的原因

导致安全套避孕失败的原因

避孕套是多数年轻人选择的最常用的一种避孕手段,但是有的时候因为种种原因,使用避孕套不正确等时也会导致意外怀孕。步骤/方法011、安全套型号不合适。过大或过小的安全套在性爱时,容易脱落在阴道内或造成破裂,使精液流入阴道。022、气压挤破。戴安...

9377《烈焰》极速升级有绝招

9377《烈焰》极速升级有绝招

操作方法01震撼人心的战斗、强劲痛快的打击感,使得9377《烈焰》瞬间火爆。而除了战斗PK有快感外,《烈焰》升级一样有快感,因为在这游戏的升级真的很快!初进入游戏时的升级方法这里就不多说了,任何游戏都一样,万变不离其宗。建好角色进入游戏,一...

老年斑的消除方法

老年斑的消除方法

对于孕期、产后女性而言,内分泌紊乱引起的色斑比较常见;但是皮肤代谢功能下降导致的色斑比例也在不断上升,色斑形成的根本原因是黑色素过度沉积导致的,每个代谢环节都可能对它产生影响。操作方法01对于孕期、产后女性而言,内分泌紊乱引起的色斑比较常见...

DIY气质公主鸡窝头的扎法

DIY气质公主鸡窝头的扎法

想学会鸡窝头怎么扎吗?今天小编给大家带来两款哦。操作方法01首先将头发从耳朵上端分成两部分,像这样全部揪在一侧,然后将分出的上半部分头发扎成松松的马尾。注意马尾最后不要全部拉出来哦,像这样扎好。02将马尾从下往上卷,把它全部藏到内侧,卷好后...

百度网盘怎么免流

百度网盘怎么免流

如今,百度网盘已经是一种非常方便的软件,不仅可以储存大量资源的地方,同时也是很多问题出现的地方,本文就给大家讲解一点有关于免流量的特权操作方法01首先,打开手机【百度网盘】软件02然后,进入主页面,看到下方的操作盘,找到【更多】,点击03进...