广州web培训
达内广州五羊中心

18589266248

热门课程

达内广州web培训详解缓存cacheStorage

  • 时间:2016-11-08 14:27
  • 发布:广州web培训
  • 来源:Techug

CacheStorage是在ServiceWorker的规范中定义的。CacheStorage可以保存每个serverWorker申明的cache对象,cacheStorage有open、match、has、delete、keys五个核心方法,可以对cache对象的不同匹配进行不同的响应。

以下是达内广州web培训为你总结的:

cacheStorage.has()如果包含cache对象,则返回一个promise对象。

cacheStorage.open()打开一个cache对象,则返回一个promise对象。

cacheStorage.delete()删除cache对象,成功则返回一个promise对象,否则返回false。cacheStorage.keys()含有keys中字符串的任意一个,则返回一个promise对象。cacheStorage.delete()匹配key中含有该字符串的cache对象,返回一个promise对象。

caches.has('v1').then(function() {

caches.open('v1').then(function(cache) {

return cache.addAll(myAssets);

});

}).catch(function() {

someCacheSetupfunction();

});;

var response;

var cachedResponse = caches.match(event.request).catch(function() {

return fetch(event.request);

}).then(function(r) {

response = r;

caches.open('v1').then(function(cache) {

cache.put(event.request, response);

});  

return response.clone();

}).catch(function() {

return caches.match('/sw-test/gallery/myLittleVader.jpg');

});

then.addEventListener('activate', function(event) {

var cacheWhitelist = ['v2'];

event.waitUntil(

caches.keys().then(function(keyList) {

return Promise.all(keyList.map(function(key) {

if (cacheWhitelist.indexOf(key) === -1) {

return caches.delete(keyList[i]);

}

});

})

);

});

上一篇:达内广州web培训详解缓存application cache
下一篇:达内广州web培训详解缓存indexDB

马上预约三天免费体验课

姓名:

电话:

你需要了解的搜索功能

达内广州web培训详解http缓存和cookie

达内广州web培训详解缓存Websql

达内广州web培训详解缓存indexDB

选择城市和中心
江西省

贵州省

广西省

海南省