web-基本常識-----1-------緩存(進階)

  • 上一篇文章說了緩存 的基本東西, 但是沒有什麼實踐的操作 ,這篇文章主要介紹 我在對這些緩存中的 使用場景 和大廠的使用場景

cookie 淘寶案列

  • 驗權,統計

  • 起因 :在去年的時候 當初想做 淘寶客 使用node 爬取淘寶聯盟的接口數據,發現 他們在做接口的時候做了 3次判斷

    第一次:不傳Cookie 接口返回 沒有數據 同時set Cookie
    第二次:拿到set 的Cookie 進行請求 返回數據

  • 如果第二次 拿不到數據,再進行一次操作 就可以了,,我最多執行了3次 基本上就能調用接口了 看 (圖一:淘寶數據爬取)

  • 對與我自己來說 ,cookie 基本上是沒有怎麼使用,,僅在做ssr 時使用過,來進行 用戶登陸判斷 ,,主要原因是 cookie 會和每次請求帶上 在server 端進行處理

圖一:淘寶數據爬取

localStorage ,sessionStorage

  • 微信使用規則
  • 我的項目使用
  • 在微信文章中我們能看到 其大多數的 資源 js 是保存在 localStorage 裏面的 ,這種好處是減少文件請求 ,先判斷 緩存中是否有這個對象 如果有 則取出 不在服務端進行請求 ,減少的大量文件的請求 ,優化了頁面加載速度 ,當然其 性能 檢測數據也是在 緩存中進行保存
    Alt
  • 對於我來說
  1. 在我自己的項目中進行過類似 的處理 在Vue 項目 我們都清除 build 後會生成 依賴文件,生成key- value 資源文件 通過 動態添加 script 標籤的方式進行 加載

加載圖片
因此 可以在此使用 localstorage 進行 存取

  1. 用來保存 類似 token ,歷史記錄 ,埋點等操作
  2. 埋點 : 之前用來統計用戶行爲 我的操是 ,保存用戶操作記錄 ,在第二次 打開的時候 將第一次的數據 傳遞給服務端 ,同時 update 緩存信息, 這樣做的原因是,儘量減少請求,保證是一次完整的用戶操作信息記錄
    當然 埋點可以做很多用戶行爲統計 ,全看需求哦
POST 統計信息
update 統計信息
update 統計信息
update 統計信息
update 統計信息
update 統計信息
打開瀏覽器
服務端
操作1
用戶操作2
用戶操作3
用戶操作4
用戶離開瀏覽器
  • 說到緩存 我覺得還是應該說一下 PWA , serviceWork
    • 提高用戶體驗 ,離線應用,減少了用戶請求,通過配置 manifest.json 和 serviceWorker ,監聽文件 請求 (你可以理解類似 做瀏覽器插件 的背景頁來處理) 其核心就行 通過註冊和配置 ,在客戶端進行 資源文件本地化處理,
    • 如果想深入瞭解 https://blog.csdn.net/chenqiuge1984/article/details/80130507 可以去看看大神的博客 和詳細介紹
    • 如果有興趣也可以看看 淘寶的寫法 和基本實現
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章