前端操作Cookie

1、了解cookie

            + cookie是一个存在客户端（浏览器）的存储空间
                == 浏览器是一个软件
                == 当你运行浏览器的是偶
                    == 一部分位置是来给页面运行的
                    == 一个小部分位置是专门来存储数据的
            + 这个cookie空间里面可以以“字符串”的形式存储一些数据
                == 数据格式必须是键值对key=value
                == 多条数据中间用;分隔
                == key1=value1;key2=value2;key3=value3;...
                == 每一个cookie信息还有可能包含过期时间
                    == 过期时间就是到达时间的时候，cookie就消失了
        cookie的特点：
            1 按照域名存储
                + 你在哪一个域名下存储的内容，就在哪一个域名下使用
                + 其他域名都用不了，和资源路径没有关系。
            2 存储大小由限制
                + 4KB左右
            3 时效性
                + 默认是会话级别的时效性（关闭浏览器就没有了）
                + 可以手动设置，七天后，两个小时以后
            4 请求会自动携带
                + 当你的cookie空间里面由内容的时候
                + 只要你当前域名下的任意一个请求，都会自动携带cookie在请求头里面
                    == cookie里面由多少就携带多少
                + 如果cookie空间中没有内容，就不会携带
            5 前后端操作
                + 前端可以通过js操作cookie空间进行增删改查
                + 后端可以通过任何后端语言进行cookie空间增删改查

2、登录状态的相关技术点

• http是无状态的
• 通过cookie在客户端记录状态
• 通过session在服务端记录状态
• 通过token方式维持状态

一般没有跨域情况下使用cookie &&session，跨域的话使用token。

3、 js封装代码

class Cookie{
   
        //设置cookie
       setCookie(key,value,time){