背景介绍： 为了提高React应用的启动速度、离线访问能力, 做到页面能离线启动、service worker能在后台默默更新本地缓存的页面、数据的版本，并且做到监控版本更新能力的靠谱性。 终极方案：采用serviceWorker的成熟方案workBox通过Webpack的workbox官方插件workbox-webpack-plugin做
PWA（Progressive Web App）是一种理念，使用多种技术来增强web app的功能，可以让网站的体验变得更好，能够模拟一些原生功能，比如通知推送。在移动端利用标准化框架，让网页应用呈现和原生应用相似的体验。 PWA核心技术 web app manifest service worker promise/async/await fatch api Cach
Service workers 本质上充当 Web 应用程序、浏览器与网络（可用时）之间的代理服务器。这个 API 旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用采取来适当的动作、更新来自服务器的的资源。它还提供入口以推送通知和访问后台同步 API。 Service worker 的概念和用法 Ser
Service workers 本质上充当 Web 应用程序、浏览器与网络（可用时）之间的代理服务器。这个 API 旨在创建有效的离线体验，它会拦截网络请求并根据网络是否可用采取来适当的动作、更新来自服务器的的资源。它还提供入口以推送通知和访问后台同步 API。 Service worker 的概念和用法 Ser
一、 service worker 是什么 一句话概括 一个服务器与浏览器之间的中间人角色，如果网站中注册了service worker那么它可以拦截当前网站所有的请求，进行判断（需要编写相应的判断程序），如果需要向服务器发起请求的就转给服务器，如果可以直接使用缓存的就直接返回缓存不再转给服务器。
第一步安装 npm i -D serviceworker-webpack-plugin。第二步：编写wepack.config.js 如下 const path = require('path'); const ExtracTextPlugin =require('extract-text-webpack-plugin') const { WebPlugin ) = require (’ web-webpa ck-plugi
PWA：渐进式网络开发应用程序(离线可访问)，需要通过serviceWorker 实现， 首先，webpack 配置使用 workbox-webpack-plugin 这个插件，生成一个 serviceWorker 配置文件 构建后，生成 serviceWorker 文件： 接着，在入口文件 index.js 中注册 serviceWorker 并且，serviceWorke 必须运行在服
该文件主要涉及到离线支持和网络恢复能力 一个好的渐进式 Web 应用，不论网络状况如何都能立即加载，并且在不需要网络请求的情况下也能展示 UI （即离线时)。 再次访问 http://Housing.com 渐进式 Web 应用（使用 React 和 Redux 构建）能够立即加载离线缓存的 UI。 我们可以用 Service
