客户端存储

+ LocalStorage
    - 永久存储字符串类型的对象
    - `localStorage` 生命周期是永久，除非用户显示在浏览器提供的UI上清除 `LocalStorage` 信息，
       否则这些信息将永远存在。
    - 同源策略不同页面可共享 `LocalStorage`

    - 使用方法
    1
2
3
4
5
window.localStorage.setItem("key", "value")
window.localStorage.getItem("key")
//或者写成
window.localStorage.key="value"
window.localStorage.key

+ SessionStorage
    - 临时存储字符串类型的对象
    - 仅存在于当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过 `sessionStorage` 存储的数据也就被清空了。

    - 使用方法
    1
2
window.sessionStorage.setItem("key", value)
window.sessionStorage.getItem("key")

+ 保存在客户端，设置过期时间，直到过期时间结束才消失，不设置过期时间不会消失。
+ cookie 存储几个问题
    - 大小：cookie 的大小被限制在4KB
    - 带宽：cookie 是随 HTTP 事务一起被发送的，因此会浪费一部分发送 cookie 时使用的带宽
    - 复杂性：要正确的操纵 cookie 是很困难的。

+ 保存在服务端
+ 大小没有限制


我的博客即将同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=2us4aywtlhs0w