88.精读《Caches API》

1 引言

caches 这个 API 是针对 Request Response 的。caches 一般结合 Service Worker 使用，因为请求级别的缓存与具有页面拦截功能的 Service Worker 最配。

本周精读的文章是 cache-api，介绍了浏览器缓存接口的基本语法。

2 概述

浏览器拥有全局变量 caches 操作缓存。

caches 包含任意命名空间，可以通过 caches.open 创建或访问。

const myCache = await caches.open("myCache");

添加缓存

通过 add 添加缓存。由于 caches 缓存是基于请求的，因此参数可以是一个 URL 地址，或一个完整的 Request 对象：

// URL only
myCache.add("/subscribe");

// Full request object
myCache.add(new Request('/subscribe', {
  
    method: "GET