1. 背景 在一些安全场景，或者一些本地化的场景（如本地化的 Markdown 记事本），如果有图片上传并需要查看的场景，在不上传到服务器的情况下，实现这个效果，通常是把图片 Base64 化，但编码

Service Worker本质上充当Web应用程序与浏览器之间的代理服务器，也可以在网络可用时作为浏览器和网络间的代理。它们旨在（除其他之外）使得能够创建有效的离线体验，拦截网络请求并基于网络是否可用以及更新的资源是否驻留在服务器上来采取适当的动作。他们还允许访问推送通知和后…

一．作用主要作用如下：1.离线缓存。Serverworker安装启动后对当前配置的文件进行缓存，界面刷新或者重进进入界面时只要serverWorker未被注销则可从缓冲中读取命中的目标文件，以达到类a

前言 本文是基于项目优化接入Service Worker（后续简写为sw）工具来讲述workbox-webpack-plugin插件的接入使用，对于Service Worker的基础内容不会详细讲解，

Web Workers API：Worker 构造函数及如何观察 Dedicated Worker 等。 下面我们开始步入正题，为了让大家能够更好地理解和掌握 Web Workers，在正式介绍 Web Workers 之前，我们先来介绍一些与 Web Workers 相关的基…

前段日子有空，粗略学习了一下 Service Worker ；最近重新复习了下，并且把内容整理后写在这里，希望对大家有所帮助。 同时，如果文章中有错误或者描述不当的地方，欢迎大家能够帮我指正，谢谢。 PS：文章很长，含有大量示例代码。大家可以慢慢看：） 作为一个比较新的技术，大…

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过这个概念的小佬，本文都有义务讲清楚Service Worker和PWA的关系，在此假设大家仅仅是一个对Se…

如何移除已经开始上线使用的 Service Worker 接手了一个历史项目，PC 端使用了 Service Worker 缓存，后文将 Service Worker 简称为 SW，现在想废弃使用该项

接下来利用 Service Worker 实现这样的功能：对所有请求，先返回缓存资源，保证页面迅速展现，同时发起网络请求更新缓存，保证缓存是新的。