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

什么是 Web Worker?

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

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

分享给朋友:

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

古田马蹄笋的做法

古田马蹄笋的做法

马蹄笋是中国南方优良的笋,因其笋形像马蹄,故称“马蹄笋”,其口味清爽,营养丰富,具有清热解毒。操作方法01马蹄笋处理切片,如图02加入油加热倒入笋片,大火翻炒一会转小火慢炒。03加入盐,味精,炒熟带点焦黄,就好,...

OPPO R9拍照效果好吗?

OPPO R9拍照效果好吗?

OPPO R9自上市以来就以充电五分钟,拍照两小时吸引了大众的目光,同时其外观赢得了很多女士的喜爱,但对于女士来说自拍是非常重要的,那么OPPO R9的拍照效果怎么样?操作方法01前置1300万像素,后置1600万像素,自拍画质更加细腻02...

怎样装扮圣诞美甲?

怎样装扮圣诞美甲?

圣诞节就要到了,想不想做个漂亮的圣诞气氛的美甲呢?看看小编精心挑选的5款Happy Christmas风格美甲,有没有你钟爱的一款吧!步骤/方法01这是一款特别给力的圣诞风格美甲。做工超精细,尤其是小拇指的圣诞树。小小的5个指甲集合了几乎所...

有痔疮不能吃什么

有痔疮不能吃什么

痔疮作为现在生活中的常见疾病,当得了痔疮的时候,在饮食方面要多加注意。那么,当得了痔疮的时候,不能吃什么呢?操作方法01第一,痔疮病人应忌食辛辣刺激性和热性的食物,如辣椒,火锅,麻辣烫等食物。02第二,痔疮病人应禁食壮阳的水果,例如芒果,榴...

成为黑客需要学习什么技能

成为黑客需要学习什么技能

黑客一直是一个很神秘的职业,有好有坏,也被很多人崇拜,那么你知道要怎么成为黑客吗?成为黑客需要学习什么技能?操作方法01首先得先把C基础学会,一般都是C精通了之后再继续深造java、C++或者其他的。02LISP也是很值得学习的,掌握了它时...

邻居装修扰民怎么报警

邻居装修扰民怎么报警

为了邻里关系,可以先进行协商,协商不成功可以进行报警。操作方法01如果你的邻居是在休息时间装修,你可以直接去邻居家中跟邻居和装修方沟通,请他们协调好装修时间!02如果沟通无果,你可以查找你所在城市的噪音标准,在他们装修时进行录音,将这个作为...