前端學習總結 瀏覽器的快取(下 快取實踐)

2021-10-07 12:36:24 字數 740 閱讀 8488

前端學習的總結,如果以後發現錯誤或有新的理解再繼續補充。

一.開發中資源更新後,瀏覽器端顯示的是快取的內容。

1.首先,可以手動ctrl+f5,強制清快取重新整理。

2.如果嫌每次手動麻煩的話,可以開啟瀏覽器無痕視窗,使用無痕視窗開發。

3.谷歌瀏覽器還可以通過禁用network中的disable cache來解決這個問題。

4.在資源路徑後面增加動態隨機數,也可以解決這個問題。

二.http快取方案

1.如果無需使用快取,設定cache-control 為no-store。

2.如果需要使用快取,且需向伺服器確認,設定 cache-control 為 no-cache。

3.再考慮該資源是否可被**快取,可以則設定 cache-control為public,否則為private。

4.然後考慮該資源的過期時間,設定對應的 max-age 和 s-maxage 值。

5.用到協商快取的話,根據需要配置 etag、last-modified 等引數。

三.強快取cache-control的設定方式

1.通過**的方式,在web伺服器返回的響應中新增cache-control header。

2.通過配置web伺服器的方式,讓web伺服器在響應資源的時候統一新增cache-control header。

參考:

前端快取 瀏覽器快取機制

瀏覽器第一次向伺服器發起該請求後拿到請求結果後,將請求結果和快取標識存入瀏覽器快取,瀏覽器對於快取的處理是根據第一次請求資源時返回的響應頭來確定的。瀏覽器中的快取作用分為兩種情況,一種是需要傳送http請求,一種是不需要傳送。expires 即過期時間 expires max age 請求時間 存在...

瀏覽器快取總結

瀏覽器快取主要有兩類 快取協商 last midified etag 徹底快取 cache control,expires b 快取協商 b 的意思是需要去伺服器端詢問頁面有沒有修改過,沒有修改過則返回304直接使用快取內容,否則返回新內容 協商步驟 list 伺服器傳送帶last midified...

快取 瀏覽器快取

瀏覽器快取 brower caching 是瀏覽器在本地磁碟對使用者最近請求過的文件進行儲存,當訪問者再次訪問同一頁面時,瀏覽器就可以直接從本地磁碟載入文件 1 瀏覽器第一次請求時,會發出一組 http 頭,用來指導瀏覽器如何進行快取。伺服器規定乙個資源是否要進行快取,主要由響應頭中的expires...