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

什么是 Web Worker?

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

好多人不知道什么是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原料:1个萝卜,3个辣椒,2个蒜瓣。02萝卜切成丝03辣椒和蒜切好04热锅下油05倒入萝卜丝翻炒。06加入盐。07倒入适量的鸡精08把辣椒倒入,翻炒至辣椒断生。09翻炒大概3分钟,即可享用。...

香港黄大仙上香祭拜攻略

香港黄大仙上香祭拜攻略

黄大仙庙,也叫黄大仙祠,原名啬色园,是一座中国式道教寺庙,也是香港香火最旺的庙宇之一。是香港的精神寄托,无论保平安,求事业,问姻缘或者任何疑难杂症,可以来这里求解迷津。据闻黄大仙庙非常灵验,但是求得来的签果,都只是解今年的运势,不包括明年或...

psp游戏王6攻略

psp游戏王6攻略

《游戏王6》攻略杂谈步骤/方法01通关后的10盏灯,点亮条件如下:一,将包括隐藏角色在内的全23名决斗者各击败10次,洗脑态杏子和洗脑态城之内不算。二,拿到全27套卡包。三,DUEL POINT达到50000点,之后输密码使其降到50000...

轨迹的详细操作

轨迹的详细操作

右击轨迹选项的基本操作操作方法01生成轨迹之后,需要对轨迹进一步操作,右击轨迹,即可弹出相应的轨迹选项,如图所示:02a)      轨迹优化轨迹优化是对所选轨迹的整体调整,当我们生成的轨迹有很多点,单个点或者多个点编辑不方便调整时,则会使...

如何折双刃纸匕首刀

如何折双刃纸匕首刀

其实,折匕首刀不难。今天,小编分享双刃纸匕首刀的折纸教程,有兴趣的朋友一起来折一把吧。操作方法01准备一张A4纸,沿着长边对折,并展开这一步。02沿着中线折痕,将上面的两个直角向中间折,折出一个五边形。03再次沿着中线,把五边形左上方和右上...

碧玺的功效与作用有哪些?

碧玺的功效与作用有哪些?

碧玺是电气石的工艺品名称,碧玺是达到珠宝级别的一种电气石,成分是硼硅酸盐结晶体,那么碧玺的功效与作用有哪些?请看下文。操作方法01碧玺具有镇静的功效,碧玺含有一部分微弱的能量,可以使人状态更为稳定,精力更集中,往往集中精力做某事,成功的几率...