Workbox.routing v3.x 中文版

NAMESPACE STATIC
VERSION V3.6.1

NavigationRoute

NavigationRoute可以轻松创建匹配浏览器navigation requests的Route。

它仅匹配mode设置为navigate的请求。

您可以只使用blacklistwhitelist参数中的一个或两个,将此路由应用于导航请求中。

RegExpRoute

RegExpRoute可以轻松创建一个基于正则表达式的Route。

对于同源请求,正则只需要匹配部分URL。 对于针对第三方服务器的请求,您必须定义与URL的开头匹配的正则。

有关信息,请参阅模块文档。

Route

Route包含matchhandler回调函数。match回调决定路由是否通过handler来处理请求。当匹配时调用handler回调并且应该返回一个解析为Response的Promise。

Router

如果存在匹配的路由,Router可以通过一个或多个Routes来响应请求。

如果没有匹配请求,在设置default的handle情况下会执行这个handle。

如果匹配的路由抛出错误,路由器将使用catch处理程序。如果定义了这个handle,它会执行并做出请求进行响应。

如果请求匹配多条路由,则最早注册的路由将用于响应请求。

方法

registerNavigationRoute

STATIC

registerNavigationRoute(cachedAssetUrl, options),返回workbox.routing.NavigationRoute

注册导航请求路由,会返回预缓存文件。对于App Shell模式是非常有用的。

这个方法会生成一个NavigationRoute并调用Router.registerRoute()。

参数

cachedAssetUrl

String。

options

可选,Object,包含以下属性:

  • cacheName:可选,string。缓存名,用来存储和获取请求。默认缓存名由workbox-core.cacheNames提供。
  • blacklist:可选,Array of RegExp。如果与任何一个匹配,则不会处理请求(即使白名单也匹配)。
  • whitelist:可选,Array of RegExp。如果URL的pathname和查询参数与任何一个匹配,则路由会处理请求(在黑名单未匹配的情况下)。

返回

workbox.routing.NavigationRoute 返回生成的路由。

registerRoute

STATIC

registerRoute(capture, handler, method)返回workbox.routing.Route。

使用缓存策略很轻松的注册RegExpstringfunction路由。

如果需要,此方法会生成Route并调用Router.registerRoute() 。

参数

capture

如果捕获参数是Route,则将忽略所有其他参数。(RegExp,string,workbox.routing.Route~matchCallback,或者 workbox.routing.Route)

handler

workbox.routing.Route~handlerCallback
一个回调函数,它返回一个Response的Promise。

method

可选,string。用于匹配Route的HTTP方法。

返回

workbox.routing.Route,生成Route(对注销很用)。

setCatchHandler

STATIC

setCatchHandler(handler)

如果在处理请求期间路由抛出错误,那么将调用此处理程序,并可以做出请求响应。

参数

handler

一个回调函数,它返回一个Response的Promise。

setDefaultHandler

STATIC

setDefaultHandler(handler)

定义当没有路由匹配请求时调用的默认处理程序。

如果没有默认处理程序,则不匹配的请求将通过网络请求,就像没有service worker一样。

参数

handler

一个回调函数,它返回一个Response的Promise。

unregisterRoute

STATIC

unregisterRoute(route)

注销路由。

参数

route

注销的路由。


博客名称:王乐平博客

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

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

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

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

相关文章

安装wps导致 application/kset 上传文件类型报错解决办法

电脑中安装wps上传execl时,上传.xls文件时 报错 application/kset 文件类型不正确打印array()print_r($_FILES ) 结果如下:Array ( [userfile] > Array ( [name] > Template.xls[type] > application/kset[tmp_name] > C:\\Windows\\temp\\p…

Workbox.strategies v3.x 中文版

NAMESPACE STATIC VERSION V3.6.1 该模块提供了大多数serviceworker常用的缓存策略的简单实现。 类 CacheFirst cache-first请求策略的实现。 缓存优先策略对于带版本号的资源是非常有用的,像这种URLstyles/example.a8f5f1.css,因为它们可以长时间缓存…

集算器访问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>若弹出层有滚动事件 需要动态监…