Web Storage和cookie的區別——每日一題20190629


Web Storage?

使用HTML5可以在本地存儲用戶的瀏覽數據。

使用的主要目的是為了克服Cookie帶來的一些限制,當數據需要被嚴格控制在客戶端上時,無需持續的將數據發回服務器

主要目標:

  1.提供一種在Cookie之外存儲會話數據的途徑

  2.提供一種存儲大量可以跨會話存在的數據的機制

 

Web Storage 分為兩種:SessionStorage和localStorage

  SessionStorage將數據存在session中,當整個瀏覽器關閉的時候數據就沒了(頁面刷新時不會消除數據,只有在當前頁面打開的鏈接,才能訪問SessionStorage的數據,使用window.open和改變localtion.href方式都可以獲取到sessionStorage內容的數據)

  localStorage則一直將數據保存在客戶端本地,不會讓數據消失,除非主動地去刪除數據

 

Web Storage和cookie的區別

 

一、儲存空間不同

1.Web Storage能提供5M的存儲空間(不同瀏覽器不同),Cookie提供4K的空間

2.Web Storage每個域(包括子域)都有獨立的存儲空間,每個存儲空間是完全獨立的,因此不會造成數據混淆

 

二、與服務端交互

1.Web Storage中數據僅僅是本地存儲,不會與服務器發生任何交互

2.Cookie的內容會隨着請求一並發送到服務器(每請求一個新的頁面時,Cookie都會被發送過去,無形中造成寬帶浪費)

 

三、接口

1.Web Storage提供了許多豐富易用的接口,擁有setItem,removeItemgetItem,clear,key等方法,操作數據更簡單

2.Cookie需要自己封裝setCookie,getCookie等


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM