web worker的入门知识

一、Web Worker

1. Web Worker是 运行在后台的javascript

 worker其实就是就一个js文件对象,worker可以让他所包含的js代码运行在后台

2. 特点:

 1)充分利用多核CPU的优势
 2)对多线程支持非常好
 3)不会影响页面的性能
 4)不能访问web页面和DOM API
 5)所有的主流浏览器均支持web worker,除了Internet Explorer

3. Worker提供API

  1)检测当前浏览器是否支持Worker
    
     typeof(Worker) !== "undefined“ 

  2)创建Worker文件


     创建普通的 JS 文件,都可以用于 Web Worker 文件

  3)创建Web Worker对象

      var worker = new Worker("myTime.js");

      参数就是在第二步创建的js文件的路径

  4)worker事件

       onmessage事件

       用于监听 Web Worker 传递消息,通过回调函数接收传递的消息,通过回调函数的事件对象data 属性可以获取传递的消息

       postMessage()

       w.postMessage( “worker success.” );

       通过postMessage() 方法传递消息内容

       w.terminate();

       在HTML页面中,通过调用 Web Worker 对象的terminate( ) 方法终止 Web Worker。


       创建WebWorker对象
       Worker对象

       onmessage事件,当执行postMessage事件时会触发
       postMessage()方法
       terminate()方法
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,702评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,506评论 19 139
  • 1.介绍 PWA结合了最好的web体验和最好的app体验,它对第一次使用某个app的用户来说是非常有用的,因为不需...
    短衣匹马阅读 10,600评论 0 13
  • 莎士比亚看到安德拉的照片后,惊呆了。安德拉长长的黑发就像婉转的夜色,从她的耳际缓缓地流过胸前,而渐渐消失在她的腰际...
    之子靳阅读 2,801评论 0 0
  • 文艺复兴,是一场大致发生在14世纪至17世纪的文化运动,它最早起源于意大利中部的佛罗伦萨,之后又传遍欧洲各国。这是...
    颜先生阅读 4,457评论 0 1