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等