本文为稀土掘金技术社区首发签约文章。 很多小伙伴都说学会了web worker，但是在实际的项目中好像没有什么实战场景。因此，小羽整理出来了比较通用的场景，希望可以给小伙伴们提供到一些帮助~

前端开发工作者几乎天天与浏览器打交道，熟悉浏览器，能让我们的技术提升，有着质的飞越，对于浏览器运行机制，性能优化等方面，都有所帮助。

在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的运行环境，即使是全局对象也不会在多个Tab间共享。然而有些时候，我们希望能在这些“独立”的Tab页面之间同步页面的数据、信息或状态。 正如下面这个例子：我在列表页点击“收藏”后，对应的详情页按钮会…

我们都知道浏览器是可以打开很多标签页的，如果每个标签页代表的是单独的一个网站，那么这些标签页之间肯定是不能通信的，如果能通信那估计我们都得凉凉。

人与人要沟通，页面与页面之前也要沟通。页面间的7种基础交流方面，满足你的各种需求？ 您还有哪些高级的交流方式呢？

SharedWorker 是一个新的Web Worker API，它允许你在多个页面之间共享一个Worker。 SharedWorker 代表一种特定类型的Worker，可以在多个浏览器上下文中运行，

Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使…

大家都知道 HTML 5 新增了很多 API，其中就包括 Web Worker，在普通的 js 文件上使用 ES5 编写相关代码应该是完全没有问题了，只需要在支持 H5 的浏览器上就能跑起来。 那如果我们需要在 ES6+Webpack 的组合环境下使用 Web Worker呢？…

webpack5 构建 worker 背景 目前项目需要开始突破性能瓶颈了，最极限的目标是希望主线程能非常及时地响应到各种操作，使用户操作平滑且低延迟（eg：mousemove事件从发生到触发监听时间