在 web 本地存储场景上，cookie 的使用受到种种限制，最关键的就是存储容量太小和数据无法持久化存储。
    在 HTML 5 的标准下，出现了 localStorage 和 sessionStorage 供我们使用。

    1. 1.cookie
    2.     1.1 默认保存在内存中，随浏览器关闭失效（如果设置过期时间，在到过期时间后失效）
    3.   1.2 存储容量：4kb
    4.   1.3 保存在客户端，每次请求时都会带 上
    6. 2.localStorage（永久存储）
    7. 设置存数据localStorage.setItem('键名'，值)
    8. 取数据localStorage.getItem('键名')
    9. 清除所有数据localStorage.clear()
    10.     2.1 理论上永久有效的，除非主动清除。
    11.   2.2    存储容量：4.98MB
    12.   2.3    保存在客户端，不与服务端交互。节省网络流量
    14. 3.sessionStorage（临时存储）
    15. 存取同上
    16.     3.1    仅在当前网页会话下有效，关闭页面或浏览器后会被清除。
    17.   3.2    存储容量：4.98MB
    18.   3.3    保存在客户端，不与服务端交互。节省网络流量
    20. ！应用场景
    21.  应用场景：localStorage 适合持久化缓存数据，比如页面的默认偏好配置等；sessionStorage 适合一次性临时数据保存。