为保证用户页面体验，大量的计算和离屏渲染会通过Web Workers实现，但Web Workers原生API用起来麻麻哋（不怎么样），因此我给它做了一次“大改造”，并且将“改造”过程中的思考分享在此。

主要目的： 解决资源加载慢问题，提升体验 支持应用自启动（原生app体验） 项目使用到的技术栈为：React umi3 qiankun PWA、预加载、service worker、manifest

缘起 Demo 完整代码 Why SSE ？ 基于HTTP协议，不需要额外的协议 单向通信，实时性：SSE 提供了实时的数据推送机制，服务器可以在任何时候向客户端发送数据。当有新数据可用时，服务器会立

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

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

版本更新提示；纯前端； 自动化部署；不用服务器参与的纯前端解决方案，巧妙实现便捷化版本更新提示，～～～

前端部署需要用户刷新才能继续使用，一直是一个老大难的用户体验问题。本文将围绕这个问题进行讲解，揭晓问题发现原因，并提供两种解决思路。

目前大部分前端应用都是单页应用（SPA）的架构，前端部署后需要用户刷新才能获取新版本。 如果页面是懒加载的并且用户未访问过时，部署新版后，用户未刷新页面访问懒加载页面会因为无法获取旧版资源文件报错。

前端重新部署通知用户刷新网页 功能迭代前端页面重新部署 用户第一时间访问新功能 页面更新之后，不刷新页面的情况下，用户如何快速访问到新功能或者告知用户有新功能更新，不能老是提醒用户刷新 不友好 不智能