web worker 与 service worker

Posted 2023-05-10

参考技术A

参考页面文档1
参考页面文档2
参考页面文档3

Worker 和 主线程互不干扰，通常用于替主线程分担计算密集型任务，防止主线程中JS执行时阻塞UI。
Worker本身也会耗费资源，因此一旦使用完毕，就应该分别使用 terminate 和 close 方法关闭。

基于web worker(因此拥有web worker的各种特性)，充当服务器与浏览器之间的代理服务器（可以拦截请求，并作出开发者指定的动作），拥有离线缓存能力

如果你像上面那么做，用户永远也拿不到sw-v2.js，因为index.html在sw-v1.js缓存中，这样的话，如果你想更新为sw-v2.js，还需要更改原来的sw-v1.js。

通过google推出的 Workbox 插件可以更方便得使用service worker

Service Worker 与 Web Worker

【中文标题】Service Worker 与 Web Worker

【英文标题】：Service Worker vs Web Worker

【发布时间】：2018-08-19 18:48:35

【问题描述】：

我想为我的网站实施推送通知： 考虑我们有一个购物网站，每当用户点击一个产品时，服务器应该向产品所有者推送用户（例如 John）想要购买您的鞋的通知。 （即时的）。

我读过一些关于 web worker（如 socket.io）和 service worker 的文章，我认为 service worker 是最好的选择。我是真的吗？如何实现该推送通知？

【参考方案1】：

Service Worker 是一种特殊的 Web Worker。 对于实现 Web 推送通知，使用 Service Worker 是一个不错的选择（不适用于 Safari！）。有一个很棒的article 解释了如何实现它。