前端网络/浏览器缓存机制
作者:互联网
浏览器(已有缓存)发送请求
点击查看代码
//Etag 资源唯一标识符
//Last_modified 资源最后修改时间
var data = {},
Etag = data.etag,
Last_Modified = data.lastModified;
if((Last_Cache-Control_max-image)){
//读取本地缓存
window.readCache();
console.log('readyState=4&& status===200');
}
else{
//向服务器发送请求
//Etag:level 1
//Last_Modified: level 2
//服务器优先识别Etag,再识别Last_Modified
if(Etag&&Last_Modified){
console.log(severRequest);
if(status ===200 ){
startCache();
}
else if(status=== 304){ //资源未修改
console.log('status===304'+'Not Modified');
Cache.open();
} else{
//向服务器发送请求
XmlHttpRequest();
}
else {
//#
}
}else{
console.log(severRequest);
Cahce_start()
}
}
标签:缓存,Last,log,前端,console,Modified,else,Etag,浏览器 来源: https://www.cnblogs.com/czh0316/p/16581797.html