Workbox.strategies v3.x 中文版

NAMESPACE STATIC
VERSION V3.6.1

该模块提供了大多数serviceworker常用的缓存策略的简单实现。


CacheFirst

cache-first请求策略的实现。

缓存优先策略对于带版本号的资源是非常有用的,像这种URLstyles/example.a8f5f1.css,因为它们可以长时间缓存。

CacheOnly

cache-only请求策略的实现。

如果你想使用一些Workbox plugins那么这个类很有用。

NetworkFirst

network first请求策略的实现。

默认情况下,它会缓存opaque responses为200状态码的不透明响响应。 不透明的响应是跨源请求,其中响应不支持CORS。

NetworkOnly

network-only请求策略的实现。

如果你想使用一些Workbox plugins那么这个类很有用。

StaleWhileRevalidate

stale-while-revalidate请求策略的实现。

同时从缓存和网络请求资源。如果缓存可用,策略将响应缓存版本,否则等待网络响应。每一次网络请求成功后,会更新缓存。

默认情况下,它会缓存opaque responses为200状态码的不透明响响应。 不透明的响应是跨源请求,其中响应不支持CORS。

方法

cacheFirst

STATIC

cacheFirst(options)

参数类型
optionsObject
更多信息请看 workbox.strategies.CacheFirst

cacheOnly

STATIC

cacheOnly(options)

参数类型
optionsObject
更多信息请看 workbox.strategies.CacheOnly

networkFirst

STATIC

networkFirst(options)

参数类型
optionsObject
更多信息请看 workbox.strategies.NetworkFirst

networkOnly

STATIC

networkOnly(options)

参数类型
optionsObject
更多信息请看 workbox.strategies.NetworkOnly

staleWhileRevalidate

STATIC

staleWhileRevalidate(options)

参数类型
optionsObject
更多信息请看 workbox.strategies.StaleWhileRevalidate

博客名称:王乐平博客

CSDN博客地址:http://blog.csdn.net/lecepin

知识共享许可协议
本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/401649.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

集算器访问HTTP数据的代码示例

使用集算器(esProc)可以很方便的从http数据源读取数据进行处理。本例子中有一个servlet,对外提供json格式的雇员信息查询。Servlet访问数据库的员工表,保存了员工的信息,如下:EID NAME SURNAME …

PWA(Progressive Web App)入门系列:Cache Storage Cache

前言 目前浏览器的存储机制有很多,如:indexedDB、localStorage、sessionStorage、File System API、applicationCache 等等,那为什么又制定了一套 Cache API 呢?对比其他存储机制有什么优势? 简介 Cache API 是一套…

oracle11g AUD$维护

http://blog.csdn.net/lwei_998/article/details/7394638SYSTEM表空间使用率达到了85%,查出是用来记录审计记录的aud$表占用了很大的空间。备份后truncate掉AUD$,问题临时解决。记得oracle11.2可以把aud$迁移到普通的表空间。于是试了一把,果然ok。1.检查SYSTEM表空…

「浏览器插件」无广告国内视频平台直接播放插件

前段时间发现一些比较不错的解析国内视频平台的一些 API 接口,很早之前基于这些接口做过一个 Android 端的播放软件,但为了更方便使用吧,于是做了一个 Chrome 的浏览器插件,解析接口也是在线更新的,所以用起来会比较方…

kafka性能测试(转)KAFKA 0.8 PRODUCER PERFORMANCE

来自:http://blog.liveramp.com/2013/04/08/kafka-0-8-producer-performance-2/ At LiveRamp, we constantly face scaling challenges as the volume of data that our infrastructure must deal with continues to grow. One such challenge involves the logging system. At…

Workbox-Window v4.x 中文版

Workbox 目前发了一个大版本,从 v3.x 到了 v4.x,变化有挺大的,下面是在 window 环境下的模块。 什么是 workbox-window? workbox-window 包是一组模块,用于在 window 上下文中运行,也就是说,在你的网页内…

媒体播放器三大底层架构

2019独角兽企业重金招聘Python工程师标准>>> 媒体播放工具,这里主要指视频播放,因为要面临庞大的兼容性和纷繁复杂的算法,从架构上看,能脱颖而出的体系屈指可数。大体来说业界主要有3大架构:MPC、MPlayer和…

PWA 可用性检测工具

针对移动端或者 PC 端浏览器是否对 PWA 可用的问题上,做了一个简单的站点,来实现上述问题的方便检测。让开发者较快的了解终端浏览器的特性支持度。 使用 工具地址:https://lecepin.gitee.io/detect-sw/ 地址二维码: 检测 可…

RAID的肤浅认识

RAID RAID0 增加磁盘性能 不容错 RAID1 镜像 逻辑容量为一块盘容量 RAID 5 支持容错 逻辑容量为N-1块盘容量之和; RAID 6 RAID5的升级 N块盘组成,逻辑容量为N-2块盘容量之和; RAID 10 偶数磁盘,每两块先做RAID1&#xff0c…

PWA 应用列表及常用工具

引言 在做 PWA 的过程中自己写了一些相关的应用和工具,在这里整合下,方便记录及查找使用。 应用列表 PWA 支持检测工具番茄钟二维码生成新闻应用身体数据统计应用支付宝集福应用田英章书法字典应用抖音无水印下载应用很好用的备忘录精神氮泵 PWA 支持检…

Struts2中访问HttpServletRequest和HttpSession

2019独角兽企业重金招聘Python工程师标准>>> 关键字: struts2 httpservletrequest httpsession 在没有使用Struts2之前,都习惯使用HttpServletRequest和HttpSession对象来操作相关参数,下面介绍一下在Struts2中访问隐藏的HttpServletRequest和HttpSession的两种方法…

web前端长度单位详解(px、em、rem、%、vw/vh、vmin/vmax、vm、calc())

基础理论1)简介2)绝对长度3)相对长度4)经验之谈1)简介 在前端开发中,会遇到各种不同类型的长度单位,比如px,em,rem等。 而整体的长度单位分为两大类:相对长度 和 绝对长度。 2&…

PWA(Progressive Web App)入门系列:Fetch Request Headers Response Body

前言 在 WEB 中,对于网络请求一直使用的是 XMLHttpRequest API 来处理,XMLHttpRequest 也很强大,传统的 Ajax 也是基于此 API 的。那么为什么 W3C 标准中又加入了类似功能的 Fetch API 呢?他有何优势。 Fetch 什么是 Fetch Fet…

CSS3开发总结(圆角、盒阴影、边界图片)

CSS3开发总结(圆角) 12/100 发布文章 qq_41913971 CSS31)圆角 border-radius2)盒阴影 box-shadow3)边界图片 border-image-source1)圆角 border-radius border-radius属性,复合属性。一个最多可…

深入理解Android的startservice和bindservice

一、首先,让我们确认下什么是service? service就是android系统中的服务,它有这么几个特点:它无法与用户直接进行交互、它必须由用户或者其他程序显式的启动、它的优先级比较高, 它比处于前台的应用优先级低&am…

PWA(Progressive Web App)入门系列:Notification

前言 在很多场景下,需要一种通知的交互方式来提醒用户,传统方式下可以在页面实现一个 Dialog,或通过修改网页的 title 来实现消息的通知。然而传统的实现存在着一定的不足,在网页最小化的情况下,无法查看任何通知&…

Deep learning:一(基础知识_1)

本文纯转载; 主要是想系统的跟tornadomeet的顺序走一遍deeplearning; 前言: 最近打算稍微系统的学习下deep learing的一些理论知识,打算采用Andrew Ng的网页教程UFLDL Tutorial,据说这个教程写得浅显易懂,也不太长。不过在这这之前…

小程序 遮罩层(阻止事件穿透)

小程序 遮罩层&#xff08;阻止事件穿透&#xff09; 若弹出层没有滚动事件 直接在蒙板上加catchtouchmove“preventTouchMove” 即可 <view class"mask" catchtouchmove"preventTouchMove">我是遮罩层 </view>若弹出层有滚动事件 需要动态监…

PWA(Progressive Web App)入门系列:Push

前言 很多时候&#xff0c;原生应用会通过一些消息推送来唤起用户的关注&#xff0c;增加驻留率。网页该怎么做呢&#xff1f;有没有类似原生应用的推送机制&#xff1f;推送功能又能玩出什么花样呢&#xff1f; Push API Push API 给与了 Web 应用程序接收从服务器发出的推送…

Dom学习笔记

DOM document object model 文档 对象 模型 文档&#xff1a;html页面 文档对象&#xff1a;页面中的元素 文档对象模型: 文档对象模型是w3c 为了能够让js去操作页面中的元素&#xff0c;定义的一套标准 DOM会把当前文档看作一棵树 树种的每一个元素就是文档树 的一个节点 同…