- 上一篇文章說了緩存 的基本東西, 但是沒有什麼實踐的操作 ,這篇文章主要介紹 我在對這些緩存中的 使用場景 和大廠的使用場景
cookie 淘寶案列
-
驗權,統計
-
起因 :在去年的時候 當初想做 淘寶客 使用node 爬取淘寶聯盟的接口數據,發現 他們在做接口的時候做了 3次判斷
第一次:不傳Cookie 接口返回 沒有數據 同時set Cookie
第二次:拿到set 的Cookie 進行請求 返回數據 -
如果第二次 拿不到數據,再進行一次操作 就可以了,,我最多執行了3次 基本上就能調用接口了 看 (圖一:淘寶數據爬取)
-
對與我自己來說 ,cookie 基本上是沒有怎麼使用,,僅在做ssr 時使用過,來進行 用戶登陸判斷 ,,主要原因是 cookie 會和每次請求帶上 在server 端進行處理
localStorage ,sessionStorage
- 微信使用規則
- 我的項目使用
- 在微信文章中我們能看到 其大多數的 資源 js 是保存在 localStorage 裏面的 ,這種好處是減少文件請求 ,先判斷 緩存中是否有這個對象 如果有 則取出 不在服務端進行請求 ,減少的大量文件的請求 ,優化了頁面加載速度 ,當然其 性能 檢測數據也是在 緩存中進行保存
- 對於我來說
- 在我自己的項目中進行過類似 的處理 在Vue 項目 我們都清除 build 後會生成 依賴文件,生成key- value 資源文件 通過 動態添加 script 標籤的方式進行 加載
因此 可以在此使用 localstorage 進行 存取
- 用來保存 類似 token ,歷史記錄 ,埋點等操作
- 埋點 : 之前用來統計用戶行爲 我的操是 ,保存用戶操作記錄 ,在第二次 打開的時候 將第一次的數據 傳遞給服務端 ,同時 update 緩存信息, 這樣做的原因是,儘量減少請求,保證是一次完整的用戶操作信息記錄
當然 埋點可以做很多用戶行爲統計 ,全看需求哦
- 說到緩存 我覺得還是應該說一下 PWA , serviceWork
- 提高用戶體驗 ,離線應用,減少了用戶請求,通過配置 manifest.json 和 serviceWorker ,監聽文件 請求 (你可以理解類似 做瀏覽器插件 的背景頁來處理) 其核心就行 通過註冊和配置 ,在客戶端進行 資源文件本地化處理,
- 如果想深入瞭解 https://blog.csdn.net/chenqiuge1984/article/details/80130507 可以去看看大神的博客 和詳細介紹
- 如果有興趣也可以看看 淘寶的寫法 和基本實現