Please enable JavaScript.

Coggle requires JavaScript to display documents.

前端知識 - Coggle Diagram

- - - - Expires: <http-date> 過期時間
        過期時間，如果跟 max-age 再一起則忽略此 header
        
        Last-Modified 資源修改日期
        如果 max-age 與 Expires 都沒有的話
        過期日為 expirationTime = responseTime + freshnessLifetime - currentAge
        弱校驗器
    - - 用戶刷新按鈕會觸發緩存驗證
  - - - Cache-Control 和 Expires
    - - Cache-Control
  - - - GET HEAD：用來更新某 ETag 的緩存
      - PUT：用來生成事先不知道是否存在的文件，確保不會重複上傳
  - - - html 觸發請求不同的版本化的文件, html 設定 max-age
        
        Cache-Control: max-age=0 瀏覽器一接收到，就會標示為過期。這樣當使用者再次造訪頁面，就會去 Server 詢問有沒有新的資料，再搭配上 Etag 來使用，就可以保證只會下載到最新的 Response。（若無變更則收到 Http 304）
        
        Cache-Control: no-cache。no-cache 並不是「完全不使用快取的意思」，而是跟我們上面的行為一樣。每次都會發送 Request 去確認是否有新的檔案。
      - 文件版本化 test.a123.js, 然後設定超長緩存 Cache-Control: max-age=31536000
    - - Cache-Control: no-cache + ETag
- - - - 用戶輸入
        文本編輯、太鼓達人
        重視用戶體驗
      - Redux 为了调试体验，牺牲了开发体验
- - - - x-www-from-urlencoded
      - multipart/form-data
      - text/plain