其他分享
首页 > 其他分享> > 前端网络/浏览器缓存机制

前端网络/浏览器缓存机制

作者:互联网

浏览器(已有缓存)发送请求

点击查看代码
//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