1.考察目標
- 主要是針對瀏覽器快取方面的知識進行考核
- 其中主要考點是HTML 5本地存盤的應用的考察
- 旨在敲定求職者是否具備真實的開發作業經驗
2.分析
-
存盤大小：cookie資料始終在同源的http請求中攜帶（即使不需要），即cookie在瀏覽器和服務器間來回傳遞，存盤大小限制不同，cookie資料不能超過4k，同時因為每次http請求都會攜帶cookie，所以cookie只適合保存很小的資料，如回話標識，
而sessionStorage和localStorage不會自動把資料發給服務器，僅在本地保存，sessionStorage和localStorage雖然也有存盤大小的限制，但比cookie大得多，可以達到5M或更大 -
資料有效期不同，sessionStorage：僅在當前瀏覽器視窗關閉前有效，自然也就不可能持久保持
localStorage：始終有效，視窗或瀏覽器關閉也一直保存，因此用作持久資料，cookie只在設定的cookie過期時間之前一直有效，即使視窗或瀏覽器關閉
-作用域不同，sessionStorage不在不同的瀏覽器視窗中共享，即使是同一個 頁面，localStorage在所有同源視窗中都是共享的，cookie也是所有同源視窗中都是共享的，
3.應用場景
- cookie
會話管理，購物車商品
個性化：用戶首選項，主題或者其他設定
跟蹤：記錄和分析行為，比如埋點 - sessionStorage
頁面之間通信傳值 - localStorage
快取靜態檔案內容js，css(百度M站首頁)
快取不常變更的API介面資料
儲存地理位置
瀏覽器在頁面的具體位置
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/262572.html
標籤：其他
上一篇：VSCode超實用插件