cookies sessionStorage和localstorage区别

相同点：都存储在客户端（浏览器端）

不同点：1.存储大小不同，存活时间不同，

1· cookie数据大小不能超过4k。只能使用文本文件，一般小于50条，是服务器发送到浏览器的一小段数据，会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上

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

2.有效时间

· localStorage 存储持久数据，浏览器关闭后数据不丢失除非手动删除数据；在多个窗口下（同一浏览器）数据可以共享，以键值对的形式存储使用.

· sessionStorage 数据在当前浏览器窗口关闭后自动删除。在同一个窗口下数据可以共享，以键值对的形式存储使用.

· cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭，最短为会话有效，关闭浏览器删除。

3.数据与服务器之间的交互方式

· cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端

· sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。只能存储字符串，可以将对象JSON.stringify()编码后存储。

4. sessionStorage和localStorage有自己的增删改查API，

sessionStorage：

localStorage：