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、儲存空間不一樣

1.Web Storage能提供5M的存儲空間（不一樣瀏覽器不一樣），Cookie提供4K的空間

2.Web Storage每一個域（包括子域）都有獨立的存儲空間，每一個存儲空間是徹底獨立的，所以不會形成數據混淆

 

2、與服務端交互

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

2.Cookie的內容會隨着請求一併發送到服務器（每請求一個新的頁面時，Cookie都會被髮送過去，無形中形成寬帶浪費）

 

3、接口

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

2.Cookie須要本身封裝setCookie，getCookie等