web存储三种方式：cookie、sessionStorage、localStorage

cookie、sessionStorage、localStorage

1. Cookies

1. 存储到浏览器中 面向服务器 同一个服务器可以共享Cookies 产生于服务器端
   1. 实例方法：

      1. set()
      2. get()
      3. remove()

2. webStorage

1. sessionStorage 会话存储 存储于选项卡中 浏览器关闭，会话失效 --推荐使用
   1. 实例方法：

      1. setItem(key,value); 保存数据到sessionStorage
      2. getItem(key); 从sessionStorage获取数据
      3. removeItem(key); 从sessionStorage删除保存的数据
      4. clear(); 从sessionStorage删除所有保存的数据

2. localStorage 本地存储 存储于本地磁盘中，需要手动清除，浏览器选项卡关闭不会失效
   1. 实例方法：

      1. setItem()
      2. getItem()
      3. removeItem()
      4. clear()

三者区别

cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）。
cookie数据始终在同源的http请求中携带（即使不需要），且会在浏览器和服务器间来回传递。
sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。

存储大小：
cookie数据大小不能超过4k。
sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大。

有期时间：
localStorage 存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；
sessionStorage 数据在当前浏览器窗口关闭后自动删除。
cookie 设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭