热门关键字:
jquery > jquery教程 > jquery教程 > html5 web workers的作用及使用场景

html5 web workers的作用及使用场景

451
作者:管理员
发布时间:2021/4/2 18:55:34
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4351
  web worker 是运行在后台的 JavaScript,不会影响页面的性能。


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


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


html5 web workers的作用及使用场景



  Internet Explorer 10, Firefox, Chrome, Safari 和 Opera 都支持Web workers.


  下面的例子创建了一个简单的 web worker,在后台计数:


  demo_workers.js 文件代码:


  在创建 web worker 之前,请检测用户的浏览器是否支持它:


  现在,让我们在一个外部 JavaScript 中创建我们的 web worker。


  在这里,我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中:


  以上代码中重要的部分是 postMessage() 方法 - 它用于向 HTML 页面传回一段消息。


html5 web workers的作用及使用场景



  注意: web worker 通常不用于如此简单的脚本,而是用于更耗费 CPU 资源的任务。


  我们已经有了 web worker 文件,现在我们需要从 HTML 页面调用它。/p>


  下面的代码检测是否存在 worker,如果不存在,- 它会创建一个新的 web worker 对象,然后运行 "demo_workers.js" 中的代码:/p>


  if(typeof(w)=="undefined")


  {


  w=new Worker("demo_workers.js");


  }




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐