上文咬文嚼字的官方定义，我假装视而不见。在我看来（不看推送通知和后台同步API，本篇文章不牵涉到它们），它大概有两点意思： 其一，它其实就是一个强有力的资源请求拦截器+代理服务器。因为sw（service-worker简写）注册安装好了之后，下次进入它控制的页面，它就开始拦截你…

如果你在前端开发中使用 React，那么你有可能听说过 Service Worker。如果你不确定它是做什么的，或者不知道如何适当的配置它，这份在 React 中使用 Service Worker 的初学者指南，将会让你在 React 中实现功能丰富的离线体验，有一个良好的开端…

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

缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离，减少延迟，并且由于缓存文件可以重复利用，还可以减少带宽，降低网络负荷 sw 是基于 HTTPS 的，因为service worker中涉及到请求拦截，所以必须使用HTTPS协议来保障安…

PWA全称为Progressive Web App，即渐进式Web应用。其理念是通过多种技术来增强Web应用体验，以提供接近原生应用的用户体验。 Manifest：使得Web应用可以被添加到主屏幕。需要创建一个用以描述Web应用被添加至主屏幕的名称、图标等信息的manifest…