前端面試題 -----瀏覽器本地存儲和Cookie的利弊

簡單說一下瀏覽器本地存儲是怎樣的


在較高版本的瀏覽器中,js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage來取代globalStorage。

html5中的Web Storage包括了兩種存儲方式:

  • sessionStorage
  • localStorage

sessionStorage
sessionStorage用於本地存儲一個會話(session)中的數據,這些數據只有在同一個會話中的頁面才能訪問並且當會話結束後數據也隨之銷燬。因此sessionStorage不是一種持久化的本地存儲,僅僅是會話級別的存儲。
localStorage
localStorage用於持久化的本地存儲,除非主動刪除數據,否則數據是永遠不會過期的。


請你談談關於Cookie的利弊


cookie雖然在持久保存客戶端數據提供了方便,分擔了服務器存儲的負擔,但還是有很多侷限性的。
第一:每個特定的域名下最多生成20個cookie

  1. IE6或更低版本最多20個cookie

  2. IE7和之後的版本最後可以有50個cookie

  3. Firefox最多50個cookie

  4. chrome和Safari沒有做硬性限制

IE和Opera 會清理近期最少使用的cookie,Firefox會隨機清理cookie。

cookie的最大大約爲4096字節,爲了兼容性,一般不能超過4095字節。

IE 提供了一種存儲可以持久化用戶數據,叫做uerData,從IE5.0就開始支持。每個數據最多128K,每個域名下最多1M。這個持久化數據放在緩存中,如果緩存沒有清理,那麼會一直存在。

優點:極高的擴展性和可用性

  1. 通過良好的編程,控制保存在cookie中的session對象的大小。

  2. 通過加密和安全傳輸技術(SSL),減少cookie被破解的可能性。

  3. 只在cookie中存放不敏感數據,即使被盜也不會有重大損失。

  4. 控制cookie的生命期,使之不會永遠有效。偷盜者很可能拿到一個過期的cookie。

缺點:

  1. Cookie數量和長度的限制。每個domain最多只能有20條cookie,每個cookie長度不能超過4KB,否則會被截掉。

  2. 安全性問題。如果cookie被人攔截了,那人就可以取得所有的session信息。即使加密也與事無補,因爲攔截者並不需要知道cookie的意義,他只要原樣轉發cookie就可以達到目的了。

  3. 有些狀態不可能保存在客戶端。例如,爲了防止重複提交表單,我們需要在服務器端保存一個計數器。如果我們把這個計數器保存在客戶端,那麼它起不到任何作用。

發佈了71 篇原創文章 · 獲贊 94 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章