sessionStorage localStorage cookie的區別

基本概念

cookie：是網景公司的前雇員在1993年發明。它的主要用于保存登陸信息，比如登陸某個網站市場可以看到’記住密碼’，這就是通過在cookie中存入一段辨別用戶身份的數據來實現的。

sessionStorage：會話，是可以將一部分數據在當前會話中保存下來，刷新頁面數據依舊存在。但是頁面關閉后，sessionStorage中的數據就會被清空。

localStorage：是HTML5標準中新加入的技術，當然早在IE6時代就有一個userData的東西用于本地存儲，而當時考慮到瀏覽器的兼容性，更通用的方案是使用flash。如今localStorage被大多數瀏覽器所支持。

localStorage

localStorage的生命周期是永久的，除非用戶在瀏覽器提供的UI上清除localStorage信息，否則這些信息將永久存在， 而且它僅在客戶端保存，不參與服務器通信。
存放數據大小為一般為 5MB
原生接口可以接受，可以封裝起來對object和array有更好的支持

sessionStorage

sessionStorage僅在當前會話下有效，不參與服務器通信，
原生接口可以接受，可以封裝起來對object和array有更好的支持
（只能保存字符串類型，復雜對象只能通過json的形式保存）
(保存數據setItem，獲取數據getItem，刪除removeItem ,刪除所有clear)
不同瀏覽器無法共享兩種信息.
存放數據大小為一般為 5MB

cookie

cookie(HTTP Cookie)通過name=value的方式存儲
cookie的存儲數據大小只有4kb左右，有個數限制，一般不能超過20個。
生效時間默認是瀏覽器關閉失效，但是可以自己設置
cookie會參與服務器端通信，每次都會攜帶在HTTP頭中，如果保存過多會有性能問題。
cookie也是不安全的，但是可以設置cookie的生命周期，使之不會永遠有效。
需要自己進行封裝，原生的cookie接口不夠友好

cookie的優點

具有極高的擴展性和可用性.

• 通過良好的編程，控制保存在 cookie 中的 session 對象的大小。
• 通過加密和安全傳輸技術，減少 cookie 被破解的可能性。
• 只有在 cookie 中存放不敏感的數據，即使被盜取也不會有很大的損失。
• 控制 cookie 的生命期，使之不會永遠有效。這樣的話偷盜者很可能拿到的就是一個過期的 cookie。
  cookie的缺點.
• 長度和數量有限制，每一個域中最多只能保存20條，每個不能超過4kb，否則就會被攔截掉。
• 如果cookie被攔截 那么就可以獲取所有的session信息，加密也沒用.
• 有些狀態不可能保存在客戶端。例如，為了防止重復提交表單，我們需要在服務端保存一個計數器。若把計數器保存在客戶端，則起不到什么作用。

localStorage、sessionStorage、Cookie 共同點
都是保存在瀏覽器端，且同源的。

應用場景

cookie：判斷用戶是否登錄過網站，以便實現下次自動登錄或記住密碼；保存事件信息等

sessionStorage：敏感賬號一次性登錄；單頁面用的較多（sessionStorage 可以保證打開頁面時 sessionStorage 的數據為空）

localStorage：常用于長期登錄（判斷用戶是否已登錄），適合長期保存在本地的數據

總結

以上是生活随笔為你收集整理的sessionStorage localStorage cookie的区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。