瀏覽器緩存分為三種情況：
1先匪、200 from cache
本地緩存种吸，瀏覽器直接從本地緩存的內(nèi)容獲取響應(yīng)，根本沒向服務(wù)器發(fā)送請(qǐng)求呀非。
2骨稿、304 not modified
協(xié)商緩存，瀏覽器在本地沒有命中的情況下姜钳，在請(qǐng)求頭中發(fā)送一定的校驗(yàn)數(shù)據(jù)給服務(wù)端，如果服務(wù)端數(shù)據(jù)沒有改變形耗，返回304哥桥，告訴瀏覽器從本地緩存響應(yīng)即可。
304返回的只是一些基本的響應(yīng)頭信息激涤，數(shù)據(jù)量比較小拟糕，沒有響應(yīng)實(shí)體部分。
3倦踢、200 ok
如果以上兩種緩存策略全都失敗送滞，那服務(wù)器只能返回完整響應(yīng)。因?yàn)闆]有用到緩存辱挥，所以這種情況響應(yīng)是最慢的犁嗅。
下面詳細(xì)說一下本地緩存與協(xié)商緩存。
本地緩存
本地緩存就是把內(nèi)容保存在本地晤碘，用的時(shí)候直接拿出來用褂微，不用再去服務(wù)器請(qǐng)求了。
本地緩存主要有以下幾個(gè)響應(yīng)頭：
1）pragma
這個(gè)字段比較老了园爷，是1.0時(shí)代的遺留產(chǎn)物宠蚂。
如果該字段設(shè)置為no-cache時(shí)，就是告知瀏覽器禁用本地緩存童社，每次都向服務(wù)器發(fā)送請(qǐng)求求厕。
2）expires
這個(gè)字段表示過期時(shí)間，對(duì)應(yīng)的值是一個(gè)具體的時(shí)間點(diǎn)，如果還沒到這個(gè)時(shí)間點(diǎn)呀癣，則表明緩存還有效美浦，不需向服務(wù)器發(fā)送請(qǐng)求。
它也是一個(gè)老字段十艾，是1.0的產(chǎn)物抵代。
3）cache-control
這個(gè)頭比較關(guān)鍵，應(yīng)該重點(diǎn)掌握忘嫉。
cache-control的值常用的有如下幾個(gè)：
cache-control:no-store
禁止瀏覽器緩存響應(yīng)荤牍。
cache-control:no-cache
不允許直接使用本地緩存，需發(fā)起請(qǐng)求和服務(wù)器協(xié)商庆冕。
注意康吵，這個(gè)很容易讓人產(chǎn)生誤解，使人誤以為是響應(yīng)不被緩存访递。實(shí)際上晦嵌，cache-control: no-cache是會(huì)被緩存的，只不過每次都需要向服務(wù)器發(fā)送請(qǐng)求驗(yàn)證拷姿。
cache-control:max-age=3600
瀏覽器本地緩存有效的最長(zhǎng)時(shí)間惭载，以秒為單位。
前兩個(gè)字段雖然是老字段响巢，不過確實(shí)還在沿用描滔，他們的優(yōu)先級(jí)是：
pragma > cache-control > expires
協(xié)商緩存
協(xié)商緩存就是需要跟服務(wù)器做一次交互，協(xié)商一下緩存策略踪古。
相關(guān)的請(qǐng)求頭有如下幾個(gè)：
1）if-modified-since
我們把請(qǐng)求頭的last-modified字段含长，通過if-modified-since提交給服務(wù)器檢查，如果修改時(shí)間是一致的伏穆，那就是沒有修改拘泞，返回304。
2）etag
這是http1.1的字段枕扫，表示文件指紋標(biāo)識(shí)符陪腌，如果文件內(nèi)容被修改了，指紋信息會(huì)跟著變铡原。
注意偷厦，這個(gè)是響應(yīng)頭帶過來的信息。
3）if-none-match
如果本地緩存策略失效燕刻，會(huì)將etag信息通過if-none-match發(fā)送給服務(wù)端只泼，服務(wù)端會(huì)判斷文件是否改變，如果沒有改變卵洗，直接使用本地緩存请唱，返回304弥咪。
