H5-12.21web-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()方法

样式表和布局
逻辑代码
效果图

每日一首:
http://music.163.com/#/song?id=5247677

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,099评论 19 139
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 2,359评论 1 21
  • 特别说明,为便于查阅,文章转自https://github.com/getify/You-Dont-Know-JS...
    杀破狼real阅读 465评论 0 0
  • 1.Web Worker是 运行在后台的javascript,也就是说worker其实就是就一个js文件对象,wo...
    50153465fcd8阅读 259评论 0 0
  • 上次安安静静的码字是什么时候,已记不太清了。一直喜欢文字,骨子里是个文艺青年,最喜欢自己笔下流淌出的文字,也许不...
    四月Aries阅读 112评论 3 1