美文网首页
web worker 简单例子

web worker 简单例子

作者: 菜蚴菜 | 来源:发表于2020-06-22 17:15 被阅读0次

一、特点

1、web worker 是html5提供的一个javascript多线程解决方案

2、可以将一些大计算量的代码交给web worker 运行,可以避免阻塞线程造成页面卡顿

3、子线程完全由主线程控制,不可操作dom(因为this不同,主线程this为window ,子线程为DedicatedWorkerGlobalScope 对象)

二、根据别人讲解的简单的应用例子

说明:

1、postMessage是主线程和子线程都有的

2、worker.js必须是同源的,不能使用本地文件

3、为了节省系统资源,使用完成以后必须关闭 Worker

     主线程worker.terminate();

     Worker 线程self.close();

三、不足

1、运行速度慢

2、不能跨域加载js

3、worker内代码不能访问DOM(更新UI)

4、不是每个浏览器都支持该特性

详细使用可以参考阮一峰大神的文章

http://www.ruanyifeng.com/blog/2018/07/web-worker.html

相关文章

  • web worker 简单例子

    一、特点 1、web worker 是html5提供的一个javascript多线程解决方案 2、可以将一些大计算...

  • web worker 处理多文件并行上传

    一 web worker: 什么是web worker Web Worker为Web内容在后台线程中运行脚本提供...

  • Javascript:Web Worker基础

    参考资料Web Workersweb worker详解Blob对象 Web Worker分为专属Worker(De...

  • web worker

    web Worker web Worker 文件单独写在一个文件中,在main worker 中 执行的文件里使用...

  • Web Worker

    一、Web Worker 1. Web Worker是 运行在后台的javascript,也就是说worker其实...

  • 为你写的网页“提速”---Web Worker

    认识Web Worker Web Worker是 运行在后台的javascript,也就是说worker其实就是就...

  • Web Worker

    什么是Web Worker? Web Worker是 运行在后台的javascript,也就是说worker其实就...

  • Nodejs 进程信号

    前言 首先我们来看一个简单的master/worker的例子 worker程序 信号接收 首先无论在子进程还是父进...

  • NFH.009 - Web Worker与Web Socket

    12.22学习经验分享# Bruce_Zhu于2016.12.23 一、Web Worker Web Worker...

  • service worker

    Service Worker是继web Worker后又一个新的线程,这个线程比web worker独立得更彻底,...

网友评论

      本文标题:web worker 简单例子

      本文链接:https://www.haomeiwen.com/subject/krfffktx.html