通信协议 cookie的介绍和使用

本地存储技术

通信协议的介绍：
    人类的语言语法
    两个主体通信过程中所需要遵循的规则
有哪些：
    IP：身份证号
    TCP：面向连接的协议，可靠的协议，三次握手协议
    UDP：面向数据包的协议，不可靠的协议
http：超文本传输协议，网页协议，无状态协议
    每次传输数据之后，会立即断开
    记不住状态：登录，书签，购物车，浏览记录，查询记录
cookie：会话跟踪技术
    跟踪记录
    记录在哪
    客户端
    浏览器独立的缓存中
    本地存储技术

cookie的概念

：用来记录每次http的会话产生的信息，在下次http发起请求时，一块发送到服务器，不会自动记录，需要主动记录
cookie的特点：
1.cookie只能存文本
2.cookie大小限制4K左右
3.cookie数量50条左右
4.cookie不允许跨域，不允许跨路径
5.cookie有时间限制，默认会话级

注意：安全性

cookie自身是一个本地存储技术，不需要服务器
cookie会随着http发给服务器，http得有服务器
只要使用了cookie，默认发送
http就会存在，需要服务器
cookie也得在服务器环境下使用

cookie的增删改查

cookie的使用
document.cookie

查：查看所有
console.log(typeof document.cookie);

增：除了读取，cookie一次只能操作一条
document.cookie = "user=admin";
document.cookie = "root=qwe";

时间
var d = new Date();
var n = d.getDate() + 3;
var s = d.setDate(n);
document.cookie = "sex=1;expires=" + d;

删：将有效期设置成过去的日期
var d = new Date();
var n = d.getDate() - 1;
var s = d.setDate(n);
document.cookie = "sex=1;expires=" + d;

改：重新设置相同的名字不同的值，或配置信息，就是改
var d = new Date();
var n = d.getDate() + 5;
var s = d.setDate(n);
document.cookie = "user=admin;expires=" + d;

document.cookie = "user=qweqwewqeqw";


配置信息：
    expires有效期
    path路径

document.cookie = "a=10;path=/1910-server";

document.cookie = "b=1910;path=/1910-server/ajax";

console.log(document.cookie);

var d = new Date();
var n = d.getDate() + 5;
var s = d.setDate(n);
// document.cookie = "c=123456;expires="+d+";path=/1910-server";

// document.cookie = "d=654321;path=/1910-server;expires="+d;

var p = "/1910-server";
document.cookie = "e=789;path="+ p +";expires="+d;

cookie的应用：

function setCookie(key,val,options){
options = options || {};

    // if(options.path){
    //     var path = ";path="+options.path;
    // }else{
    //     var path = "";
    // }
    
    var path = options.path ? ";path="+options.path : "";

    var exp = "";
    if(options.expires){
        var d = new Date();
        d.setDate(d.getDate()+options.expires);
        exp = ";expires="+d;
    }

    document.cookie = `${key}=${val}${exp}${path}`;
}

setCookie("a","1")
setCookie("b","2",{})
setCookie("c","3",{
    path:"/"
})
setCookie("d","4",{
    expires:3
})
setCookie("e","5",{
    expires:3,
    path:'/'
})