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

什么是 Web Worker?

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

好多人不知道什么是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://hwl.xxbyc.cn/post/2097.html

分享给朋友:

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

夏季消暑的方法

夏季消暑的方法

夏季气温高,令人难以忍受。有的人大汗淋漓时洗个冷水澡,再狂饮冰镇啤酒或冷饮来消暑,其实这种以冷抗热的方式是不可取的,虽能解一时之热,却并非良策。炎热中以冷水冲凉还会引发出一些疾病来。步骤/方法01饮热茶:热茶能促进汗腺分泌,使大量水分通过皮...

鱼妹兔表情之泪流满面

鱼妹兔表情之泪流满面

今天几分钟课堂教你如何画鱼妹兔的泪流满面表情!步骤/方法01用黑笔画出兔子的耳朵。02在耳朵下面画出两个圆弧表示兔子的头部。03在头部上方画出兔子的眼睛和兔子流下的眼泪。04画出兔子W型的嘴巴和嘴巴里咬着的手绢。05画出兔子的身体。06在手...

家常辣椒炒肉的做法

家常辣椒炒肉的做法

没什么需要注意的地方,很好炒的哦。操作方法01肉先下锅炒至变色盛出02姜蒜爆香03辣椒入锅大火快炒,加些许的糖04倒入肉丝(肉片),加生抽,老抽,盐,速度翻炒,出锅。(不要盖锅盖焖什么的,要不然就没口感了)05看着就有食欲,我选用的是比较辣...

小炒猪脆骨的做法

小炒猪脆骨的做法

猪脆骨因为形似月牙所以又叫月牙骨,小炒猪脆骨作为一道家常菜,既方便又下饭,我们一起看看是怎么做的吧。操作方法01将猪脆骨切成薄片(这样才容易炒得形似月牙,口感也更脆),青红椒切小块、葱姜蒜切碎备用。02锅中倒油,将脆骨倒下去大火煎炒到变色,...

早餐经典--京味卤汁儿豆腐脑

早餐经典--京味卤汁儿豆腐脑

说起豆腐脑儿这一经典早餐可谓是妇孺皆知了。全国各地均有它的身影但又做法儿各有不同。其中主要的差别均在浇汁儿上。我在外地吃过酱油醋油辣子做汁儿的,还有榨菜碎香菜香油醋酱汁儿的。在南方还吃过豆腐脑拌白糖的,总的来讲,我还是最喜欢姆们北方的京味卤...

怎样给手机文件设置密码

怎样给手机文件设置密码

我们都知道,手机中有很多文件很重要,也很隐私。那么怎样给手机文件设置密码呢?下面是我的方法。操作方法01打开手机,找到“手机管家”,点击“手机管家”打开此文件02然后会出现一个界面,点击“进入首页”03然后找到软件中的设置,点击“设置”04...