成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

瀏覽器之HTTP緩存的那些事

hersion / 631人閱讀

摘要：瀏覽器執(zhí)行機(jī)制瀏覽器對于請求資源擁有一系列成熟的緩存策略。只要有相應(yīng)的緩存響應(yīng)頭要求緩存，瀏覽器客戶端都會對資源緩存一份，當(dāng)然緩存響應(yīng)頭也有優(yōu)先級的。緩存模式瀏覽器緩存可以分為兩種模式，強(qiáng)緩存和協(xié)商緩存。具體請看上面的瀏覽器緩存流程圖。

緩存是提升用戶訪問速度，節(jié)省帶寬，減輕服務(wù)器壓力的必經(jīng)之道。

下面都是針對的Http 1.1來說明，HTTP緩存都是針對瀏覽器客戶端，其他第三方客戶端不考慮。
什么是瀏覽器緩存

簡單來說，瀏覽器緩存就是把一個已經(jīng)請求過的Web資源（如html，圖片，js）拷貝一份副本儲存在瀏覽器中。緩存會根據(jù)進(jìn)來的請求保存輸出內(nèi)容的副本。當(dāng)下一個請求來到的時候，如果是相同的URL，緩存會根據(jù)緩存機(jī)制決定是直接使用副本響應(yīng)訪問請求，還是向源服務(wù)器再次發(fā)送請求（當(dāng)然還有304的情況）。

緩存是根據(jù)url來處理的，只要url不一樣就是新的資源。

瀏覽器HTTP執(zhí)行機(jī)制

瀏覽器對于請求資源, 擁有一系列成熟的緩存策略。

只要有相應(yīng)的緩存響應(yīng)頭（要求緩存），瀏覽器客戶端都會對資源緩存一份，當(dāng)然緩存響應(yīng)頭也有優(yōu)先級的。

緩存模式

瀏覽器緩存可以分為兩種模式，強(qiáng)緩存和協(xié)商緩存。

強(qiáng)緩存（無HTTP請求，無需協(xié)商）

直接讀取本地緩存，無需跟服務(wù)端發(fā)送請求確認(rèn)，http返回狀態(tài)碼是200（from memory cache或者from disk cache ，不同瀏覽器返回的信息不一致的）。

對應(yīng)的Http header有:

Cache-Control

Expires

協(xié)商緩存（有HTTP請求，需協(xié)商）

瀏覽器雖然發(fā)現(xiàn)了本地有該資源的緩存，但是不確定是否是最新的，于是想服務(wù)器詢問，若服務(wù)器認(rèn)為瀏覽器的緩存版本還可用，那么便會返回304（Not Modified） http狀態(tài)碼。

對應(yīng)的Http header有:

Last-Modified

ETag

流程圖

流程圖只考慮了200和304的狀態(tài)碼，其他異常狀態(tài)碼不考慮。

緩存相關(guān)的Http Header

Http Header包括請求頭和響應(yīng)頭，http1.1會向前兼用的，會兼容http1.0的Http header，瀏覽器還有web服務(wù)一般都會考慮進(jìn)去。

Http Header 描述
Cache-Control 指定緩存機(jī)制，優(yōu)先級最高
Pragma http1.0字段，已廢棄，為了兼容一般使用no-cache
Expires http1.0字段,指定緩存的過期時間（為了兼容）
Last-Modified http1.0字段，資源最后一次的修改時間
ETag 唯一標(biāo)識請求資源的字符串，會覆蓋Last-Modified
Cache-Control

瀏覽器緩存里, Cache-Control是金字塔頂尖的規(guī)則, 它藐視一切其他設(shè)置, 只要其他設(shè)置與其抵觸, 一律覆蓋之.

不僅如此, 它還是一個復(fù)合規(guī)則, 包含多種值，同時在請求頭和響應(yīng)頭都可設(shè)置（基本都可以）。

下面列舉了常用的Cache-Control用法。

Cache-Control 描述
no-store 請求和響應(yīng)都不緩存
no-cache 相當(dāng)于max-age:0，即資源被緩存,
但是緩存立刻過期, 同時下次訪問時強(qiáng)制驗證資源有效性
max-age 緩存資源, 但是在指定時間(單位為秒)后緩存過期
Expires

http1.0中存在的字段，該字段所定義的緩存時間是相對服務(wù)器上的時間而言的，如果客戶端上的時間跟服務(wù)器上的時間不一致（特別是用戶修改了自己電腦的系統(tǒng)時間），那緩存時間可能就沒啥意義了。在HTTP 1.1版開始，使用Cache-Control: max-age=秒替代，這樣就不存在不一致問題了。

Last-Modified

Last-Modified和If-Modified-Since是一對的。

當(dāng)瀏覽器第一次請求一個url時，服務(wù)器端的返回狀態(tài)碼為200，同時HTTP響應(yīng)頭會有一個Last-Modified標(biāo)記著文件在服務(wù)器端最后被修改的時間。

瀏覽器第二次請求上次請求過的url時，瀏覽器會在HTTP請求頭添加一個If-Modified-Since的標(biāo)記，用來詢問服務(wù)器該時間之后文件是否被修改過。

但是Last-Modified是http1.0的產(chǎn)物，有兩個缺點(diǎn)：

只能精確到秒級別

內(nèi)容完全沒改變的資源文件，無法識別出來（只要修改時間變了，就算變動）。

所有就有了ETag。

ETag

ETag解決了Last-Modified的缺點(diǎn)，http1.1的字段，優(yōu)先級高于Last-Modified。

理論上是ETag優(yōu)先于Last-Modified，但是Nginx一會把這兩個一起開啟一起驗證，而且Nginx ETag的計算方式把最后修改時間也算進(jìn)去了（所有這個算是弱ETag）。

Nginx ETag計算方式：計算頁面文件的最后修改時間，將文件最后修改時間的秒級Unix時間戳轉(zhuǎn)為16進(jìn)制作為etag的第一部分 計算頁面文件的大小，將大小字節(jié)數(shù)轉(zhuǎn)為16進(jìn)制作為etag的第二部分。

ETag有兩種類型：

強(qiáng)ETag

強(qiáng)ETag值，不論實(shí)體發(fā)生多么細(xì)微的變化都會改變其值。

強(qiáng)ETag表示形式："22FAA065-2664-4197-9C5E-C92EA03D0A16"。

弱ETag

弱 ETag 值只用于提示資源是否相同。只有資源發(fā)生了根本改變產(chǎn) 生差異時才會改變 ETag?。這時，會在字段值最開始處附加 W/。

弱ETag表現(xiàn)形式：W/"22FAA065-2664-4197-9C5E-C92EA03D0A16"。

ETag和If-None-Match是一對:

當(dāng)瀏覽器第一次請求一個url時，服務(wù)器端的返回狀態(tài)碼為200，同時HTTP響應(yīng)頭會有一個Etag，存放著服務(wù)器端生成的一個序列值。

瀏覽器第二次請求上次請求過的url時，瀏覽器會在HTTP請求頭添加一個If-None-Match的標(biāo)記，用來詢問服務(wù)器該文件有沒有被修改。

一般網(wǎng)站都會把Last-Modified和ETag一起用，同時對對比，兩個條件都滿足了才會返回304。

Nginx實(shí)例

用實(shí)例來說明，Nginx的安裝和使用請自行網(wǎng)上學(xué)習(xí)，例子的環(huán)境是在Mac系統(tǒng)運(yùn)行的，然后在谷歌瀏覽器上訪問（不同瀏覽器的表現(xiàn)會有點(diǎn)不一樣的，而且瀏覽器還有快捷鍵直接刷新跳過緩存的）。

注意：nginx在沒有設(shè)置Cache-Control：max-age=xxx和expires時，谷歌訪問后，后面會變成200(from memory cache)，然后就造成了文件修改后無法更新的問題（不知道什么時候過期）。這個也很好解決，只要設(shè)置過期時間為0，這樣就一定不是強(qiáng)緩存，就不存在這些問題。

下面的例子Http Header只需要關(guān)注上面提到的相關(guān)字段。

ETag和Last-Modified例子

Nginx默認(rèn)開啟ETag和Last-Modified。

由于Nginx ETag可知，ETag比Last-Modified多了文件大小比較，理論上有ETag就可以不用Last-Modified，但是為了兼容http1.0，很多web服務(wù)器都會帶上Last-Modified。

Etag關(guān)閉如下:

etag off;

Last-Modified關(guān)閉如下（沒有找到具體關(guān)閉方式，只好在響應(yīng)頭中直接賦值為空）：

add_header "Last-Modified" "" always;

這些配置，可以隨便設(shè)置在不同層級，http、server、location都可以。

默認(rèn)的Nginx是同時開啟的，所以不用處理什么。

server {
  listen       80;
  server_name  localhost;
  location / {
    #定義自己的web服務(wù)根目錄
    root   /Users/Sam/www;
    #默認(rèn)訪問文件夾時，訪問index.html或者index.htm文件
    index  index.html index.htm;
    location ~* .(jpg|jpeg|gif|bmp|png|js|css){
      #nginx在沒有設(shè)置Cache-Control：max-age=xxx和expires時，
      #谷歌訪問后，后面會變成200(from memory cache)，
      #然后就造成了文件修改后無法更新的問題。
      #這個很好解決，只要設(shè)置過期時間為0，這樣就一定不是強(qiáng)緩存，就不存在這些問題
        expires 0s;
    }
  }
}

然后在根目錄index.html中引入./test.js文件，然后訪問index.html。

首次訪問，返回200，然后再次訪問才會返回304。然后無論如何修改，只要文件被保存（即使內(nèi)容不變），再次訪問瀏覽器返回200，然后再次訪問返回304（內(nèi)容沒修改）。

首次訪問 Http Header(先清理緩存，才算首次訪問)

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=0
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/javascript
Date: Thu, 27 Sep 2018 03:21:00 GMT
ETag: W/"5bab7b36-15"
Expires: Thu, 27 Sep 2018 03:21:00 GMT
Last-Modified: Wed, 26 Sep 2018 12:27:34 GMT
Server: nginx/1.10.1
Transfer-Encoding: chunked

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第二次訪問 Http Header（無修改）

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 304 Not Modified
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=0
Connection: keep-alive
Date: Thu, 27 Sep 2018 03:23:22 GMT
ETag: "5bab7b36-15"
Expires: Thu, 27 Sep 2018 03:23:22 GMT
Last-Modified: Wed, 26 Sep 2018 12:27:34 GMT
Server: nginx/1.10.1

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
If-Modified-Since: Wed, 26 Sep 2018 12:27:34 GMT
If-None-Match: W/"5bab7b36-15"
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第三次訪問 Http Header（有修改）

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=0
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/javascript
Date: Thu, 27 Sep 2018 03:25:14 GMT
ETag: W/"5bac4d98-15"
Expires: Thu, 27 Sep 2018 03:25:14 GMT
Last-Modified: Thu, 27 Sep 2018 03:25:12 GMT
Server: nginx/1.10.1
Transfer-Encoding: chunked

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
If-Modified-Since: Wed, 26 Sep 2018 12:27:34 GMT
If-None-Match: W/"5bab7b36-15"
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第四次訪問 Http Header（無修改）

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 304 Not Modified
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=0
Connection: keep-alive
Date: Thu, 27 Sep 2018 03:26:46 GMT
ETag: "5bac4d98-15"
Expires: Thu, 27 Sep 2018 03:26:46 GMT
Last-Modified: Thu, 27 Sep 2018 03:25:12 GMT
Server: nginx/1.10.1

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
If-Modified-Since: Thu, 27 Sep 2018 03:25:12 GMT
If-None-Match: W/"5bac4d98-15"
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36
Cache-Control 和 Expires 
server {
  listen       80;
  server_name  localhost;
  location / {
    #定義自己的web服務(wù)根目錄
    root   /Users/Sam/www;
    #默認(rèn)訪問文件夾時，訪問index.html或者index.htm文件
    index  index.html index.htm;
    location ~* .(jpg|jpeg|gif|bmp|png|js|css){
      #設(shè)置30秒緩存有效期
        expires 30s;
    }
  }
}

然后在根目錄index.html中引入./test.js文件，然后訪問index.html。

首次訪問，瀏覽器會返回200，然后再次訪問才會返回200（from memory cache），然后30秒后過期訪問，如果文件沒修過過，會返回304，否則返回200，繼續(xù)訪問如果沒過期期，返回200（from memory cache）。

具體請看上面的瀏覽器緩存流程圖。

首次訪問 Http Header（先清理緩存，才算首次）

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=30
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/javascript
Date: Thu, 27 Sep 2018 03:28:03 GMT
ETag: W/"5bac4d98-15"
Expires: Thu, 27 Sep 2018 03:28:33 GMT
Last-Modified: Thu, 27 Sep 2018 03:25:12 GMT
Server: nginx/1.10.1
Transfer-Encoding: chunked

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第二次訪問 Http Header（不能過期，上面設(shè)置的是30秒，要在上次訪問的30秒內(nèi)再次訪問）

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 200 OK (from memory cache)
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=30
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/javascript
Date: Thu, 27 Sep 2018 03:28:03 GMT
ETag: W/"5bac4d98-15"
Expires: Thu, 27 Sep 2018 03:28:33 GMT
Last-Modified: Thu, 27 Sep 2018 03:25:12 GMT
Server: nginx/1.10.1
Transfer-Encoding: chunked

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第三次訪問 Http Header（需要過期，上面設(shè)置的是30秒，上一次訪問等待30秒后訪問）

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 304 Not Modified
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=30
Connection: keep-alive
Date: Thu, 27 Sep 2018 03:32:44 GMT
ETag: "5bac4d98-15"
Expires: Thu, 27 Sep 2018 03:33:14 GMT
Last-Modified: Thu, 27 Sep 2018 03:25:12 GMT
Server: nginx/1.10.1

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
If-Modified-Since: Thu, 27 Sep 2018 03:25:12 GMT
If-None-Match: W/"5bac4d98-15"
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第四次訪問 Http Header（不能過期，上面設(shè)置的是30秒，要在上次訪問的30秒內(nèi)再次訪問修改后的文件）

訪問獲取的還是舊文件，文件雖然修改了，但是瀏覽器直接緩存中獲取，沒發(fā)出請求，無法獲取最新的內(nèi)容。

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 200 OK (from memory cache)
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=30
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/javascript
Date: Thu, 27 Sep 2018 03:28:03 GMT
ETag: W/"5bac4d98-15"
Expires: Thu, 27 Sep 2018 03:28:33 GMT
Last-Modified: Thu, 27 Sep 2018 03:25:12 GMT
Server: nginx/1.10.1

#請求頭
Transfer-Encoding: chunked
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36

第五次訪問 Http Header（需過期，在第四次訪問后等待30秒訪問修改后的文件）

訪問后獲取到了最新文件。

#通用的header
Request URL: http://localhost/test.js
Request Method: GET
Status Code: 200 OK
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade

#響應(yīng)頭
Cache-Control: max-age=30
Connection: keep-alive
Content-Encoding: gzip
Content-Type: application/javascript
Date: Thu, 27 Sep 2018 03:36:51 GMT
ETag: W/"5bac4fcc-15"
Expires: Thu, 27 Sep 2018 03:37:21 GMT
Last-Modified: Thu, 27 Sep 2018 03:34:36 GMT
Server: nginx/1.10.1
Transfer-Encoding: chunked

#請求頭
Accept: */*
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8
Connection: keep-alive
Host: localhost
If-Modified-Since: Thu, 27 Sep 2018 03:25:12 GMT
If-None-Match: W/"5bac4d98-15"
Referer: http://localhost/
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.139 Safari/537.36
不需要緩存的場景

緩存是會提升訪問速度、節(jié)省帶寬、減輕服務(wù)器壓力，但是也不能濫用，否則會出現(xiàn)一些意想不到的問題。圖片、css、js等資源文件一般都是需要緩存的，但是像接口數(shù)據(jù)等數(shù)據(jù)會變動的http請求都是不需要緩存的，否則會造成無法訪問到新數(shù)據(jù)的情況。

場景

html文件不需要強(qiáng)緩存，協(xié)商緩存就行了。

這些都是特殊情況，html文件可以返回304狀態(tài)，但是不要返回200（from memory cache）。html文件最好設(shè)置過期時間為0，強(qiáng)制跟服務(wù)器做文件修改對比（當(dāng)然具體場景具體分析）。

因為js文件和css文件是可以使用版本做控制或者隨機(jī)數(shù)。

js代碼版本迭代更新

這個場景不是不需要緩存，而是更新了js代碼版本，但是如果用戶還在緩存期內(nèi)，就會導(dǎo)致頁面出錯。

這種情況就需要進(jìn)行js類庫版本控制，如：

升級到到2.0.0時，我們需要把代碼改成

這樣就不會訪問到緩存的jquery.js。緩存是根據(jù)url來處理的，只要url不一樣就是新的資源。

前后端使用ajax請求接口數(shù)據(jù)

解決方式

Url添加隨機(jī)數(shù)

這種情況，是前端做處理。

請求頭添加Cache-Control: no-cache

為了兼容http1.0，而外添加Pragma: no-cache，Cache-Control的選項有很多，具體如何選擇，看場景。

前端或者服務(wù)端都可以處理。

一些說明

做一些補(bǔ)充說明。

memory cache 和 disk cache

這個兩個說明是谷歌瀏覽器的狀態(tài)碼附加提示語，內(nèi)存緩存和磁盤緩存。其實(shí)很簡單，只要頁面在網(wǎng)頁上打開訪問，然后不關(guān)閉，刷新的一定是from memory cache，而頁面關(guān)閉在打開一定是from disk cache。這是瀏覽器自身的緩存手段，磁盤緩存一定會有一份備份的，然后頁面訪問的時候也會在內(nèi)存中緩存一份，這樣刷新當(dāng)前頁面就不會讀取硬盤，而是直接內(nèi)存中獲取（減少訪問磁盤的次數(shù)）。

不同瀏覽器的一些表現(xiàn)差異

不同瀏覽器的緩存手段是一致的，但是文案展現(xiàn)形式，和刷新頁面的方式會有差異（如火狐瀏覽器點(diǎn)擊刷新按鈕和回車刷新是不一樣的）。

下面是針對已經(jīng)強(qiáng)緩存，同時訪問文件無修改的情況下，不同刷新方式返回的狀態(tài)碼總結(jié)（mac系統(tǒng)）：

瀏覽器 點(diǎn)擊地址欄刷新按鈕 回車刷新 cmd + r刷新
谷歌 200（from memory cache） 200（from memory cache） 200（from memory cache）
火狐 304 200，其他地方說明已緩存 304
safari 200，其他地方說明已緩存 200，其他地方說明已緩存 200，其他地方說明已緩存

這里只說明下可能會遇到的疑惑。瀏覽器軟件自身的處理方式，跟http緩存掛不上鉤，我們也無法處理。

參考文章

304和瀏覽器http緩存

瀏覽器緩存機(jī)制剖析

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/62027.html

相關(guān)文章

  • 瀏覽器緩存那些事

    摘要：瀏覽器讀取資源的流程瀏覽器在加載資源時，根據(jù)請求頭的和判斷是否命中強(qiáng)緩存，是則直接從緩存讀取資源，不會發(fā)請求到服務(wù)器。實(shí)際上是會被緩存的，只不過每次在向客戶端瀏覽器提供響應(yīng)數(shù)據(jù)時，緩存都要向服務(wù)器評估緩存響應(yīng)的有效性。 瀏覽器讀取資源的流程 瀏覽器在加載資源時，根據(jù)請求頭的expires和cache-control判斷是否命中強(qiáng)緩存，是則直接從緩存讀取資源，不會發(fā)請求到服務(wù)器。 如果...

    muzhuyu 評論0 收藏0

  • 瀏覽器緩存那些事

    摘要：瀏覽器讀取資源的流程瀏覽器在加載資源時，根據(jù)請求頭的和判斷是否命中強(qiáng)緩存，是則直接從緩存讀取資源，不會發(fā)請求到服務(wù)器。實(shí)際上是會被緩存的，只不過每次在向客戶端瀏覽器提供響應(yīng)數(shù)據(jù)時，緩存都要向服務(wù)器評估緩存響應(yīng)的有效性。 瀏覽器讀取資源的流程 瀏覽器在加載資源時，根據(jù)請求頭的expires和cache-control判斷是否命中強(qiáng)緩存，是則直接從緩存讀取資源，不會發(fā)請求到服務(wù)器。 如果...

    高勝山 評論0 收藏0

  • 我們來聊聊Cookie、Session和Storage的那些事

    摘要：目的是克服由所帶來的一些限制，當(dāng)數(shù)據(jù)需要被嚴(yán)格控制在客戶端時，不需要持續(xù)的將數(shù)據(jù)發(fā)回服務(wù)器。的生命周期是在僅在當(dāng)前會話下有效。但是在關(guān)閉了瀏覽器窗口后就會被銷毀。刪除單個數(shù)據(jù)，根據(jù)鍵值移除對應(yīng)的信息。 導(dǎo)語 我們在做項目的時候，經(jīng)常把Cookie和Session掛在嘴邊，可實(shí)際對于他們了解的也是很少，只是會使用，但這遠(yuǎn)遠(yuǎn)不夠，熟練的掌握他們的特性才能把項目做的更好。下面我們就來認(rèn)識一下...

    ytwman 評論0 收藏0

  • 關(guān)于CDN那些事

    摘要：對于前端性能優(yōu)化我們不得不了解的幾個知識點(diǎn)信息今天我就來談?wù)勎覍Φ睦斫馐鞘裁慈Q是即內(nèi)容分發(fā)網(wǎng)絡(luò)。將網(wǎng)站內(nèi)容發(fā)布到接近用戶的服務(wù)器上。用戶訪問網(wǎng)站時，用戶訪問就近服務(wù)器，然后加載這些資源。 對于前端性能優(yōu)化我們不得不了解的幾個知識點(diǎn)：CDN、HTTP header信息 今天我就來談?wù)勎覍dn的理解 1、CDN是什么：CDN全稱是Content Delivery Network,即內(nèi)容...

    muddyway 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<