缓存原理 浏览器缓存分为强缓存和协商缓存 先检查是否过期,没有过期直接使用本地缓存.如果过期,查看是否使用协商缓存 协商缓存流程: 后端返回headers: ETag: W/"1e3-1754f0e63af" Last-Modified: Thu, 22 Oct 2020 06:45:44 GMT 前端请求headers: If-Modified-Since: Thu, 22 Oct 2020 06:26:38 GMT If-None-Match: W/"1ef-1754ef…

一.本地静态文件 location /html/{ rewrite ^(html/.*)$ /$1 break; root /data/static; expires 12h; etag off; if_modified_since before; } 效果: 第一次请求页面时,没有last-modified参数, 返回200 第二次请求时,有last-modified参数, 返回 304 304 缓存通常是使用 ETag/If-None-Match 或 Last-Modifed/If-Modi…

一 TCP网络协议 1 建立TCP连接:三次握手原则 客户端通过向服务器端发送一个SYN来创建一个主动打开,作为三次握手的一部分.客户端把这段连接的序号设定为随机数 A. 服务器端应当为一个合法的SYN回送一个SYN/ACK.ACK 的确认码应为 A+1,SYN/ACK 包本身又有一个随机序号 B. 最后,客户端再发送一个ACK.当服务端受到这个ACK的时候,就完成了三路握手,并进入了连接创建状态.此时包序号被设定为收到的确认号 A+1,而响应则为 B+1. 2 断开连接: 四次挥手原则 客户端…

在写页面的时候,首先引入了本地react.js和react-dom.js 16版本(cjs)的文件,出现如下错误 发现bug后,将本地的react.js和react-dom.js文件改成16.2(umd)版本,之后还是一直出现上面的错误. 最后分析原因: 是因为浏览器的缓存没有清除,清除缓存后,bug消失. 由于找bug花费时间较长,特此记录.…

TOC 背景 浏览器的总流程图 一步一步说缓存 朴素的静态服务器 设置缓存超时时间 html5 Application Cache Last-Modified/If-Modified-Since Etag/If-None-Match 什么是Etag 为什么有了Last-Modified还要Etag Etag 的实现 迷之浏览器 总结 背景 在对页面的性能优化时,特别是移动端的优化,缓存是非常重要的一环. 浏览器缓存机制设置众多:html5 appcache,Expires,Cache-contr…

为了: 控制缓存 遇到的现象: 1.开发的时候,浏览器会缓存你的文件,使得你的改动是无效的! 开发过程中:我们是不希望有缓存的. 但正是发布以后,我们是希望页面能够在浏览器缓存,这样用户的体验就会提高,因为页面的加载速度提升了哦! 答:当前项目,后台生成一个version,添加到文件上,每一次因为version都不一样,所以文件就不会被浏览器缓存.    但是发布的时候应该是要去掉的哦! http://blog.csdn.net/longxibendi/article/details/41630…

1,困惑 做web项目,对于开发者来说,一个最头痛的问题就是浏览器缓存,有缓存,js更改了,html更改了,发布服务器以后用户往往无法通过浏览器访问到最新的类容,需要用户主动去刷新页面, 因为一直做企业后台管理,针对人少的公司直接通知刷新页面(这也是做内部系统才敢这么给用户说),超千人的公司,跨省跨国的,就直接会被劈了,网上有很多解决方案,比如在js上添加版 本号这个方法可行,因为浏览器的缓存机制是针对是针对url来缓存的,比如添加:"http://test.com/test.js?verson…

有时候我们会碰到上线的新版本都要刷新一次缓存的问题.那是因为改了JS的内容,但是JSP引用的地方后面的字符串未发生改变导致浏览器读取浏览器缓存而不会重新加载新的JS内容,以下提供两种解决方式: 1.每次上线会更新一个版本号,用版本号作为引用的字符串: <script type="text/javascript" src="${scripts}/specialCustomerCfg${debugMode?'':'.min'}.js?v=${releaseVersion}_…

转自:http://www.path8.net/tn/archives/2745 缓存对于web开发有重要作用,尤其是大负荷web系统开发中. 缓存分很多种:服务器缓存,第三方缓存,浏览器缓存等.其中浏览器缓存是代价最小的,因为浏览器缓存依赖的是客户 端,而几乎不耗费服务器端的资源. 让浏览器做缓存需要给浏览器发送指定的Http头,告诉浏览器缓存多长时间,或者坚决不要缓存. 1.Expires(过期时间)HTTP头信息Expires(过期时间) 属性是HTTP控制缓存的基本手段,这个属性告诉缓存…

Max-age是指我们的web中的文件被用户访问(请求)后的存活时间,是个相对的值,相对Request_time(请求时间). Expires它比max-age要麻烦点,Expires指定的时间分"相对文件的最后访问时间-Last-Modified"和"绝对修改时间-If-Modified-Since". Expires 表示存在时间,允许客户端在这个时间之前不去检查(发请求),等同max-age的效果.但是如果同时存在,则被Cache-Control的max-ag…