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

什么是 Web Worker?

访客4年前 (2022-09-13)分享1455

好多人不知道什么是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芹菜,属伞形科植物。有水芹、旱芹两种,功能相近,药用以旱芹为佳。旱芹香气较浓,又名“香芹",亦称"药芹"。芹菜是高纤维食物,它经肠内消化作用产生一种木质素或肠内脂的物质,这类物质是一种抗氧化剂,常吃芹菜,尤其是吃芹菜叶,对预防高血压...

《天界》:横版格斗网游

《天界》:横版格斗网游

横版格斗是广大玩家喜闻乐见的游戏模式之一,从儿时无数经典的街机游戏开始,到网游《地下城与勇士》的叫好又叫座,如今《神仙道》又以跨平台之势汹涌来袭,横版游戏的风靡程度可见一斑。近日,手机网游《天界》也搭乘着这股强劲的流行风暴登陆App Sto...

支付宝余额支付功能被关闭了怎么办

支付宝余额支付功能被关闭了怎么办

支付宝余额支付功能被关闭了怎么办,这里,让小编给大家大概的介绍一下,让大家知道是怎么回事。操作方法01首先我们登录进入支付宝主页面,在页面下方点击我的。02支付宝余额支付功能被关闭,有可能余额不足,先充值余额,然后返回我的页面点击右上角设置...

贷款买车买房到底怎么样?贷款到底划算吗?

贷款买车买房到底怎么样?贷款到底划算吗?

当今社会,不少家庭选择贷款买房买车,下面小编给大家讲讲贷款买车买房到底怎么样?贷款到底划算吗?操作方法01在这个房价居高不下的年代,不少人选择贷款买房,这也是无奈之举,能拿出大量现金全款买房的家庭少之又少。02现在大部分中国家庭的现状就是给...

羊肉臊子的做法

羊肉臊子的做法

不知道大家日常生活中有没有要做羊肉臊子的时候,一般来说,羊肉处理不好的话就会有膻味,如何除掉膻味呢,一起来看看吧操作方法01首先准备要用的羊腿肉或者其他部位的羊肉,洗去血水,把它剁成碎肉末,放在碗里备用02接着要拿出我们的除去膻味的一个法宝...

安卓系统手机怎么开启允许安装未知来源软件功能

安卓系统手机怎么开启允许安装未知来源软件功能

安卓手机怎么开启允许安装未知来源软件功能?请看下面的操作步骤。操作方法01以MIUI系统为例,打开MIUI系统设置页面,点击“更多设置”选项。02打开更多设置页面之后,点击进入“系统安全”设置页面。03在接下来打开的页面中,点击“安装未知应...