cookies sessionStorage和localstorage

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。

sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessionStorage是在同源的同窗口（或tab）中，始终存在的数据。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。关闭窗口后，sessionStorage即被销毁。同时“独立”打开的不同窗口，即使是同一页面，sessionStorage对象也是不同的。

相同点：都存储在客户端
不同点：1.存储大小

· cookie数据大小不能超过4k。

· sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

2.有效时间

· localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；

· sessionStorage 数据在当前浏览器窗口关闭后自动删除。

· cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭

数据与服务器之间的交互方式
· cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端

· sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

3.使用方式
cookie 数据始终在同源的http请求中携带，即cookie在浏览器和服务器之间来回传递。而sessionStorage不会自动把数据发给服务器，仅在本地保存。
WebStorage 拥有 setItem,getItem,removeItem,clear 等方法，不像 cookie 需要前端开发者自己封装 setCookie，getCookie。但是Cookie 也是不可以或缺的：
Cookie 的作用是与服务器进行交互，作为HTTP 规范的一部分而存在 ，服务端可以改写HTTP响应头中的cookie。而 Web Storage 仅仅是为 了在本地“存储”数据而生。
4.共享差异
sessionStorage不在不同的浏览器窗口中共享，即使是同一个页面，localStorage在所有同源窗口中都是共享的，cookie也是在所有的同源窗口中都是共享的。