localStorage、sessionStorage 和 Cookie 的区别？

• 1.有效期
  localStorage: 生命周期是永久的，关闭页面或浏览器之后 localStorage 中的数据也不会消失。除非主动删除数据，否则数据永远不会消失
  sessionStorage: 仅在当前浏览器窗口关闭之前有效，关闭页面或者浏览器会被清除
  cookie: 设置过期时间内一直有效，即使窗口或浏览器关闭。

• 2.存储大小
  localStorage：5M或者更大
  sessionStorage：5M或者更大
  cookie：一般不超过4K（因为每次http请求都会携带cookie、所以cookie只适合保存很小的数据，如会话标识）

• 3.通信
  localStorage：仅在客户端（即浏览器）中保存，不参与和服务器的通信；不会自动把数据发送给服务器，仅在本地保存
  sessionStorage：仅在客户端（即浏览器）中保存，不参与和服务器的通信；不会自动把数据发送给服务器，仅在本地保存
  cookie：携带在同源的http请求中，即使不需要，故cookie在浏览器和服务器之间来回传递；如果使用cookie保存过多数据会造成性能问题

• 4.应用场景
  localStorage：常用于长期登录（判断用户是否已登录），适合长期保存在本地的数据
  sessionStorage：敏感账号一次性登录；单页面用的较多（sessionStorage 可以保证打开页面时 sessionStorage 的数据为空）
  cookie：判断用户是否登录过网站，以便实现下次自动登录或记住密码；保存事件信息等