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等