截止目前可能vite用户依旧不是很多，所以有关插件相关文章很少，比如今天介绍的主角`vite-plugin-pwa`。正好前段时间有相关使用经验，给仍在找寻文档的同学一个简易的介绍。

什么是workbox，workbox有什么用途，为什么要使用它？在介绍workbox之前，我们来先大致了解一下service worker，有助于我们后面更好地去理解workbox。 一. service worker service worker是在浏览器后台独立于网页运行的…

如果你已经熟悉ServiceWorker，可以跳过此段。 ServiceWorker是PWA中最重要的一部分，它是一个网站安插在用户浏览器中的大脑。ServiceWorker是这样被注册在页面上的 为什么说SW（下文将ServiceWorker简称为SW）是网站的大脑？举个例子…

workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Submit 2017 上首次隆重面世。而在 workbox 背后则是 Service Worker 和 Cach…

背景 最近在做资源改造，所有静态资源的url由服务端下发，而且带上了认证和过期时间等params，导致静态资源优化利器之一的HTTP缓存失效了：只要下发资源的url过期了资源就会重新请求下载，但实际上

本期文章主要介绍了PWA（渐进式网页应用）的相关知识，以及如何快速开始一个PWA应用。对PWA感兴趣的小伙伴，快来围观点赞。

类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。 base 将会自动地作为前缀插入到所有以 / 开始的其他选项的链接中,所以你只需要指定一次。 用gitHub的pages或者coding的pages都可以,也可以搭建在自己的服务器上。

一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。 是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。 Reliable…

最近这一年，作为一名前端狗，一直在优化性能的道路一去不回头。vue、nginx、webpack、redis，能做优化的地方，都不曾放过，只为那最后一秒的舒爽！（猥琐的一笑）。 1. 安装PWA插件 目前部分浏览器还不支持service work，我们需要保证它们依旧能正常工作。…