瀏覽器緩存
瀏覽器緩存(Brower Caching)是瀏覽器在本地磁盤對用戶最近請求過的文檔進行存儲瑰枫，當(dāng)訪問者再次訪問同一頁面時糊饱，瀏覽器就可以直接從本地磁盤加載文檔戈二。
瀏覽器緩存的優(yōu)點有：
1. 減少了冗余的數(shù)據(jù)傳輸祥山，節(jié)省流量
2. 減少了服務(wù)器的負擔(dān)淘这，大大提升了網(wǎng)站的性能
3. 加快了瀏覽器端加載網(wǎng)頁的速度
cookie是瀏覽器本地存儲數(shù)據(jù)的一種方式拟逮，一般用來幫助客戶端和服務(wù)端通信撬统，用于校驗身份，結(jié)合服務(wù)端的session使用敦迄；在同域名下發(fā)送請求時恋追，瀏覽器會默認帶上本地的cookie。
瀏覽器緩存分為兩種類型：強緩存（也叫本地緩存）罚屋、弱緩存（協(xié)商緩存）苦囱。
強緩存
強緩存，在請求資源時直接從緩存中撈取資源脾猛，并不發(fā)出實際的http請求撕彤。"200 from cache" 就是強緩存。
強緩存相關(guān)的header字段
與強緩存相關(guān)的header字段有兩個:? Expires猛拴，Cache-Control
1.?Expires 是http1.0規(guī)范里的字段羹铅，Expires=時間，該時間是緩存的截止時間愉昆，它的值是一個絕對時間的GMT格式的時間字符串职员，如：?
如果發(fā)送請求的時間在Expires之前，那么本地緩存始終有效撼唾，否則就會發(fā)送請求到服務(wù)器來獲取資源廉邑。
2. Cache-Control：max-age=number[單位：秒]哥蔚，這是http1.1規(guī)范里header信息。它是一個相對值蛛蒙，如Cache-Control: max-age=3600糙箍，是指緩存有效期是3600秒。資源第一次的請求時間和Cache-Control設(shè)定的有效期牵祟，計算出一個資源過期時間深夯，再拿這個過期時間跟當(dāng)前的請求時間比較，如果請求時間在過期時間之前诺苹，則命中緩存咕晋，否則就不行；另外“max-age=0”的時候收奔，瀏覽器不使用緩存掌呜，而是發(fā)送請求到服務(wù)器協(xié)商緩存。
cache-control除了該字段外坪哄，還有以下幾個常用的值：
no-cache：不使用本地緩存质蕉。no-cache 并不是單純的不要緩存，而是防止使用過期的緩存資源翩肌，需要使用緩存協(xié)商模暗。在使用no-cache的時候，瀏覽器都要發(fā)送請求（攜帶E-Tag和Last-Modified）念祭，與服務(wù)器確認返回的響應(yīng)是否被更改兑宇，如果之前的響應(yīng)中存在ETag，那么請求的時候會與服務(wù)端驗證粱坤，如果資源未被更改隶糕，則可以避免重新下載。比规。
no-store：直接禁止游覽器緩存數(shù)據(jù)若厚，每次用戶請求該資源，都會向服務(wù)器發(fā)送一個請求蜒什，每次都會下載完整的資源测秸。
public：可以被所有的用戶緩存，包括終端用戶和CDN等中間代理服務(wù)器灾常。
private：只能被終端用戶的瀏覽器緩存霎冯，不允許CDN等中繼緩存服務(wù)器對其緩存。
注意：如果cache-control與expires同時存在钞瀑，cache-control的優(yōu)先級要高于expires沈撞。
弱緩存
弱緩存，又稱協(xié)商緩存雕什。協(xié)商緩存都是由服務(wù)器來確定緩存資源是否可用的缠俺，這主要涉及到下面兩組header字段显晶，這兩組搭檔都是成對出現(xiàn)的，即第一次請求的響應(yīng)頭帶上某個字段（Last-Modified或者Etag）壹士，則后續(xù)請求則會帶上對應(yīng)的請求字段（If-Modified-Since或者If-None-Match）磷雇，若響應(yīng)頭沒有Last-Modified或者Etag字段，則請求頭也不會有對應(yīng)的字段躏救。
1.?Last-Modified/If-Modified-Since
二者的值都是GMT格式的時間字符串唯笙，具體過程
? ? a. 瀏覽器第一次跟服務(wù)器請求一個資源，服務(wù)器在返回這個資源的同時盒使，在respone的header加上Last-Modified的header崩掘，這個header表示這個資源在服務(wù)器上的最后修改時間
? ? b. 瀏覽器再次跟服務(wù)器請求這個資源時，在request的header上加上If-Modified-Since的header少办，這個header的值就是上一次請求時返回的Last-Modified的值
? ? 服務(wù)器再次收到資源請求時苞慢，根據(jù)瀏覽器傳過來If-Modified-Since和資源在服務(wù)器上的最后修改時間判斷資源是否有變化，如果沒有變化則返回304 Not Modified英妓，但是不會返回資源內(nèi)容枉疼；如果有變化，就正常返回資源內(nèi)容鞋拟。當(dāng)服務(wù)器返回304 Not Modified的響應(yīng)時，response header中不會再添加Last-Modified的header惹资，因為既然資源沒有變化贺纲，那么Last-Modified也就不會改變，這是服務(wù)器返回304時的response header
瀏覽器收到304的響應(yīng)后褪测，就會從緩存中加載資源
如果協(xié)商緩存沒有命中猴誊，瀏覽器直接從服務(wù)器加載資源時，Last-Modified的Header在重新加載的時候會被更新侮措，下次請求時懈叹，If-Modified-Since會啟用上次返回的Last-Modified值
2. Etag/If-None-Match
? ? 這兩個值是由服務(wù)器生成的每個資源的唯一標(biāo)識字符串，只要資源有變化就這個值就會改變分扎；其判斷過程與Last-Modified/If-Modified-Since類似澄成，與Last-Modified不一樣的是，當(dāng)服務(wù)器返回304 Not Modified的響應(yīng)時畏吓，由于ETag重新生成過墨状，response header中還會把這個ETag返回，即使這個ETag跟之前的沒有變化菲饼。
links:
緩存字段解釋 https://www.cnblogs.com/_franky/archive/2011/11/23/2260109.html
