一.通信协议的介绍
1.通信协议
通信协议:就是在互联网中,实体之间完成通信或服务所需要遵循的规则和约定。 语言交流的规则:语法,主谓宾如何排列。 说白了,就是咱俩说话用普通话还是家乡话,用英语还是法语,唱着说还是好好说,咱们提前规定好。这就是通信协议 语言中的语法:两个人类之间语言沟通的标准 通信协议:计算机与计算机之间沟通的语法
2.TCP/IP
IP:ip地址,标记在互联网上的每台机器的身份,用来确定地址和区分网关。 TCP:TCP协议面向连接的协议(通信之间必须先建立连接) 于是,TCP相对可靠,它建立的连接的过程称为3次握手。 TCP连接的特点: 1.需要三次握手 2.所有的消息,需要对方确认送达 UDP:基于数据包的协议 (不可靠的协议) 无需建立连接,发送消息也无需对方确认,无法保证数据的发送顺序,以及准确率 TCP和UDP的区别,如果TCP是打电话(你一句我一句),那么UDP就是发短信(发送 之后不知道对方是否收到)
3.HTTP
HTTP:超文本传输协议,网页协议,无 状态协议 因为无法监听当前连接的状态,会导致每次请求页面,收到页面之后,连接会被断开,导致用户体验非常差。比如:打电话时我刚说完一句话,你就挂完了电话。购物时,登录账号密码,开始挑选商品,连接断卡,重新登陆,加入购物车继续挑选商品时,连接断开,重新登录,继续选择商品加入购物车,重新登录……解救剁手。如何解决这个问题呢?发明了一个其他技术用来帮助http记住状态:------会话跟踪技术cookie。会话跟踪技术,在一次会话从开始到结束的整个过程,全程跟踪记录客户端的状态(如:是否登陆,购物车信息,是否下载,是否点赞,播放进度等等)
"会话跟踪技术cookie:会话跟踪技术,在一次会话从开始到结束的整个过程,全程跟踪记录客户端的状态(如:是否登录,购物车信息,是否下载,是否点赞,播放进度等等)" cookie的作用是什么? "↑↑↑"
二.cookie
1.cookie的概念
cookie(会话跟踪技术),相当于第一次跟服务器连接后,服务器给你发的一个身份牌、通行记录,上面可以记录跟你有关的信息(是否登录,购物车的状态...), 下次只要再跟服务器通信,必须带着这个令牌,这样一来,服务器会直接知道你身份牌上所有的信息。 cookie存在浏览器的缓存中。 本地存储 什么是缓存?数据交换的缓冲区----临时储存
- cookie的特点
因为cookie会随着http发给服务器 1."只能使用文本(就是字符)文件"(如果浏览器可以随意在客户端机器生成文件,比如身份令牌,那将是个定时炸弹,安全问题会变得非常严重)(文本不会变成可执行文件,就不会是病毒) 2."文件有大小限制4K"(文件若没有大小限制,相当于身份令牌重几百斤,挂在脖子上什么感觉?) 3."数量限制,小于50条"(一般浏览器限制大概在50条左右,门禁卡里能存下一部蓝光高清么) 4."读取有域名限制/不允许跨域"(不可跨域读取,不允许跨路径,浏览器。只能由写入cookie的 同一域名 的网页进行读取。简单来说,谁写的cookie,谁才有权利读取) 5."时效/间限制"(每个cookie有时效,最短的有效期是:"会话级别(关闭浏览器,cookie销毁)",可以指定日期; "注意:安全学的基本理论:密码锁每次打开都需要重新输入密码,如果只输入一次密码,以后不在验证,就没有安全可言)"
3.cookie的操作:document.cookie
document.cookie是document对象上的属性 增删改查 字符串的拼接 document.cookie = "" 使用原则: cookie本地存储,跟服务器无关 cookie作用:记录http的连接状态,跟随http发给服务器 cookie也要在服务器的环境下使用
设置 会话级默认路径: document.cookie = "name=abc" cookie的格式要求,名称=值 在cookie 的名或值 中 不能使用分号(;)、逗号(,)、等号(=)以及空格这是cookie的赋值规则 指定有效期: 设置cookie的保存时间,通过给expires添加一个日期,设置cookie的过期时间 此处可以借用Date(); var date = new Date(); date.setDate(date.getDate()+28); 表示获取当前日期的天数,增加28天之后,重新设置给日期,此时date就表示未来的某个时间 document.cookie = "name=abc;expires=" + date; 此句表示,此条cookie在date的时间时效,而date的时间为当前日期加上28,也就是28天之后cookie失效 指定路径: document.cookie = "user=admin;path=/;expires="+d; console.log(typeof document.cookie); // String console.log(document.cookie === ""); // true 查: console.log(document.cookie); 增: document.cookie = "user=admin"; // 被浏览器执行为:名字为user,值为admin expires:日期对象 var d = new Date(); d.setDate(d.getDate()+3); document.cookie = "user=admin;expires="+d; 一个document.cookie只能设置一条cookie document.cookie = "b=20;path=/1908"; document.cookie = "c=30;path=/1908;expires=" + d; document.cookie = "d=40;expires="+d+";path=/1908"; 改: document.cookie = "user=root"; document.cookie = "b=world;path=/1908"; var d = new Date(); d.setDate(d.getDate()+5); document.cookie = "c=30;path=/1908;expires="+d; 删: 关闭浏览器就删了 删: var d = new Date(); d.setDate(d.getDate()-1); // 减任何数都可以 document.cookie = "a=10;path=/1908;expires="+d; document.cookie = "b=10;path=/1908;expires="+d; document.cookie = "b=10;expires="+d;