引入版本信息文件，通过打包工具写入打包时间戳，worker轮询版本文件Etag判断是否更新，实现前端更新部署后通知用户刷新

仅需2行代码，就能让JS文件的加载耗时减少951ms（-67%），代码实现也非常简单方便，耐心看完，一定会有所收获

Manifest 是 H5提供的一种应用缓存机制, 基于它web应用可以实现离线访问(offline cache). 为此, 浏览器还提供了应用缓存的api--applicationCache. 虽然manifest的技术已被web标准废弃, 但这不影响我们尝试去了解它. 也正…

前端项目发布后用户没刷新的情况下，切换页面，可能会报错。 这是因为做了路由按需加载，这篇文章带着大家解决这个问题，实现前端发布后，用户无刷新升级功能。

一、前言 最近在生产环境发现一个很奇怪的现象，当更新生产环境版本时，就监控到部分用户js资源出现如下提示，但是刷新后发现页面访问正常。 基本就是这个Issues的描述信息 发现了这个问题后，首先怀疑，

你是否也受到这样的困扰：代码做了一点小改动，只变化了一个或几个文件，当需要更新到正式环境时，却每次都需要替换整个包 这样不仅使得部署时需要替换大量文件，且更新之后，缓存文件失效，用户需要重新请求，大大

有部分用户在使用前端站点时，习惯将网站标签持续挂在浏览器中。如果网站发布了新版本，前端代码的新版本将被部署到服务器上，但在用户不主动刷新页面的情况下，用户会一直保留在旧的版本。

在用户正在访问单页面网站的情况下，突然发布了新的版本。而由于单页面中路由特性，或浏览器缓存的原因，并不会随着路由变化而重新加载前端资源，此时用户浏览器所运行的脚本，并非是最新的代码。

1.目标场景 有时候上完线，用户还停留在老的页面，用户不知道网页重新部署了，跳转页面的时候有时候js连接hash变了导致报错跳不过去，并且用户体验不到新功能。 2.思考解决方案 如何去解决这个问题 思