本文不会花大篇幅讲解 ServiceWorker 的基础内容以及 ServiceWorker Api。本文主要描述 ServiceWorker 在缓存上的使用场景。

如果你追求极致的 Web 体验，你一定在站点中使用过 PWA，也一定面临过在编写 Service Worker 代码时的犹豫不决，因为 Service Worker 太重要了，一旦注册在用户的浏览器，全站的请求都会被 Service Worker 控制，一不留神，小问题也成了大问

为了提高React应用的启动速度、离线访问能力, 做到页面能离线启动、service worker能在后台默默更新本地缓存的页面、数据的版本，并且做到监控版本更新能力的靠谱性。 终极方案：采用serviceWorker的成熟方案workBox通过Webpack的workbox官…

PWA（Progressive Web Apps）是谷歌近几年一直在推进的 web 应用新模型。PWA 借助 Service Worker 缓存网站的静态资源，甚至是网络请求，使网站在离线时也能访问。并且我们能够为网站指定一个图标添加在手机桌面，实现点击桌面图标即可访问网站。 …

我在上一篇《使用Service Worker做一个PWA离线网页应用》已经介绍了怎么做离线缓存，这一篇将介绍怎么用Service Worker发送Push（Notification），或者叫web push。Web push在国外的网站很流行，但在国内几乎没见到，主要还是因为谷…

在上一篇文章Service Worker学习与实践（二）——PWA简介中，已经讲到PWA的起源，优势与劣势，并通过一个简单的例子说明了如何在桌面端和移动端将一个PWA安装到桌面上，这篇文章，将通过一个例子阐述如何使用Service Worker的消息推送功能，并配合PWA技术，…

Progressive Web Apps 是渐进式Web应用程序，运行在现代浏览器并展现出超级能力。支持可发现，可安装，离线运行，消息推送等APP特有的能力，本项目以最简单的方式封装了以上功能。 SIMPLE-PWA 是pwa搭载在vue的示例项目，pwa是一个渐进式web应用…

server端保存endpoint，push消息时根据特定条件获取要通知的endpoint，然后sendNotification。 service woker接收到server端Push的通知后，当我们点击通知，将消息内容显示在vue组件中。 vue工程需build后部署运行，…

bigo likee出海产品寻找新的增长突破口，在技术侧尝试pwa方案，也收获了不少经验，现总结分享一下。 PWA（Progressive web apps，渐进式 Web 应用）运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序。 渐进式构建。…