【H5】前端存储 -- cookie、sessionStorage、localStorage

前端存储分为cookie和webStorage，webStorage又分为sessionStorage（会话存储）和localStorage（本地存储）。

 ♡ ‧₊˚cookie ‧₊˚ ♡

特点：cookie产生于服务器端，保存在客户端，同一服务器下的cookie是共享的，不同服务器下cookie不会共享，传输数据的大小限制为4kb。

我们可以通过js来产生cookie，通常通过js-cookie这个库来操作cookie

    <!-- 用js-cookie库操作 -->
    <!-- 从bootcdn里引入js-cookie库 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.1/js.cookie.js"></script>

cookie的方法：

设置cookie参数：

set(属性名，属性值，{expires:有效时间})

        // 设置cookie参数，设置过期时间expires为七天
        Cookies.set('color','orange', {expires:7})

获取cookie：

get('键名/属性名')