离线， 截获请求 /serviceworker -/index.html -/index.js -/sw.js index.html == <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp ...
分类：
其他好文 时间：
2020-10-26 11:17:19
阅读次数：
19
第一步安装npmi-Dserviceworker-webpack-plugin。第二步：编写wepack.config.js如下constpath=require(‘path‘);constExtracTextPlugin=require(‘extract-text-webpack-plugin‘)const{WebPlugin)=require(’web-webpack-plugin’);con
分类：
Web程序 时间：
2020-10-18 16:51:24
阅读次数：
30
import React from "react" import ReactDOM from "react-dom" import './index.css' import * as serviceWorker from './serviceWorker' import Hello from "./ ...
分类：
其他好文 时间：
2020-06-25 19:34:03
阅读次数：
53
import React from "react"; import ReactDOM from "react-dom" import './index.css'; import * as serviceWorker from './serviceWorker'; //jsx 需要符合xml规范 // ...
分类：
Web程序 时间：
2020-06-25 19:17:10
阅读次数：
57
PWA：渐进式网络开发应用程序(离线可访问)，需要通过serviceWorker 实现， 首先，webpack 配置使用 workbox-webpack-plugin 这个插件，生成一个 serviceWorker 配置文件 构建后，生成 serviceWorker 文件： 接着，在入口文件 ind ...
分类：
其他好文 时间：
2020-06-06 20:08:26
阅读次数：
90
该文件主要涉及到离线支持和网络恢复能力 一个好的渐进式 Web 应用，不论网络状况如何都能立即加载，并且在不需要网络请求的情况下也能展示 UI （即离线时)。 再次访问 http://Housing.com 渐进式 Web 应用（使用 React 和 Redux 构建）能够立即加载离线缓存的 UI。 ...
分类：
Web程序 时间：
2020-02-25 17:49:42
阅读次数：
385
js操作serviceWorker缓存静态文件 serviceWorker的作用就是用来做离线应用的，在手机端程序中用的较多 1. 先看下效果 2. index.html 3. sw.js ...
分类：
Web程序 时间：
2019-02-05 19:38:32
阅读次数：
219
将脚手架(create-react-app)创建的todolist项目精简为hello world示例 即，删除自动生成的样式文件、logo.svt、App.test.js、serviceWorker.js等文件，并精简App.js和index.js里的代码，结果如下： npm run start ...
分类：
Web程序 时间：
2019-01-17 19:59:51
阅读次数：
199
当前端也拥有 server 的能力 作者: 阎王 发表于: 2016-03-09 今天看了不少文章，比较感兴趣的是 Cache API。它是浏览器 Request/Response 的缓存管理工具，其使用风格和运用场景让我瞬间联想到了 ServiceWorker 和 Fetch API，相信很多同学 ...
分类：
其他好文 时间：
2018-09-06 00:02:31
阅读次数：
195
https://lzw.me/a/pwa-service-worker.html#3.4.6 message 事件(postMessage) ...
分类：
其他好文 时间：
2018-04-24 20:27:47
阅读次数：
132
