cookies，sessionStorage和localStorage的区别？

cookies，sessionStorage和localStorage的区别？

共同点：都是保存在浏览器端，且是同源的。

区别：

cookies是为了标识用户身份而存储在用户本地终端上的数据，始终在同源http请求中携带，即cookies在浏览器和服务器间来回传递，而sessionstorage和localstorage不会自动把数据发给服务器，仅在本地保存。

localStorage 生命周期是永久存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；不参与和服务器的通信，存放数据大小为一般为5MB，
使用场景：localStorage可以用来统计页面访问次数。

sessionStorage 数据在当前页面或浏览器关闭后被清除。存放数据大小为一般为 5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信，使用场景：sessionStorage可以用来统计当前页面元素的点击次数

不同浏览器无法共享 localStorage 或 sessionStorage 中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享 sessionStorage 的信息。
localStorage的方法：
setItem()添加
getItem()获取
clear()清除所有
removeItem()删除指定项

cookie的优点和弊端

使用场景：自动登录
当用户在某个网站注册后，就会收到一个惟一用户ID的cookie。客户后来重新连接时，这个用户ID会自动返回，
服务器对它进行检查，确定它是否为注册用户且选择了自动登录，从而使用户务需给出明确的用户名和密码，就可以访问服务器上的资源。

优点：极高的扩展性和可用性
1、数据持久性
2、不需要任何服务器资源，因为cookie是存储在客户端并发送给服务器读取
3、可配置到期规则，控制cookie的生命周期，使之不会永远有效，偷盗者可能拿到的是一个过期的cookie
4、简单性，基于文件的轻量结构
5、通过良好的编程，控制保存在cookie中的Session对象的大小
6、通过加密和安全传输技术（ssl），减少cookie被破解的可能性
7、只要cookie中不存放敏感的数据，即使被盗也不会有重大损失
缺点：
1、 cookie的数量和长度都有限制
数量：cookie的数量有限
IE6及以下的版本最多20个cookie
IE7以后的可以有50个cookie
Firefox可以有50个cookie
chrome和safri没有限制
长度：每个cookie的长度不超过4k，否则会被截掉
潜在的安全风险：cookie可能被截取篡改，如果cookie被拦截，就可能会获取到所有的Session信息
3、用户配置为禁用，有的用户禁用了浏览器或者客户端设备接受cookie的能力，因此限制了这一功能
4、有些状态不可能保存在客户端，例如，为了防止重复提交表达，需要在服务器端保存一个计时器，如果把这个计时器保存在客户端，它将不起作用。