Service Worker 学习记录

能干什么？

1. 后台消息传递
2. 网络代理，转发请求，伪造响应
3. 离线缓存
4. 消息推送

对于并发高的活动页面，缓存图片文件和js文件，达到减轻服务器负担的作用。

前言

在H5项目中，需要用到翻页效果，通过 Swiper 来实现，安装 Swiper

1

npm i swiper -S

但是实际使用中，发现低版本 iOS < 11 会出现下面这个错误：

1

SyntaxError: Unexpected keyword 'const'. Const declarations are not supported in strict mode.

1. 安装并配置PostCss插件

1

npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss-viewport-units cssnano --S

还需要安装 cssnano-preset-advanced

1

npm i cssnano-preset-advanced --save-dev

原理

利用Github在仓库进行操作时，可以通过配置webhook向服务器发送请求，在服务器端接到请求后，使用脚本来自动进行git pull操作。