前端操作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){