第十三天笔记Cookie

计算机重要的四个内容

数据结构

数据存储的结构及逻辑的体现，以及相关数据结构之间的操作（算法）
操作系统

windows（dos命令）、linux（指令操作）
计网

网络通信就是指代一台计算机利用传播介质传播到另一台计算机的数据通信过程

网络应用宽带拨号软件

传播介质网线 wifi
计算机组成原理

冯诺依曼（主板，cpu，内存条，显卡，硬盘）

计算机网络

概述：

一台计算机利用传播介质传播到另一台计算机的数据通信过程

主要的两个内容

网络应用宽带拨号软件
传播介质网线 wifi
协议

网络模型图
- 物理层硬件支持
- 数据链路层数据传输的接口规范
- 网络层网络通信
  
  ip协议
- 传输层主要协议支持
  
  TCP协议一对一传输（必须建立连接）
  
  UDP协议丢包的形式（可以一对多一对一多对多多对一）
- 应用层相关的内容（应用层表示层会话层）相关协议都是来自于对应底层的支持

TCP和UDP的区别

TCP必须建立连接（只能1对1）他是以字节流的形式发送数据的他的头有64个字节

UDP 不一定要有连接通过发送数据包的形式发送数据他的头只有8个字节

应用层相关的协议

http 超文本传输协议使用明文传输
https 超文本传输协议使用密文传输（ssl进行加密，采用了对称加密及非对称加密为了其安全还提供对应的CA证书）

http有版本差距 http1 http2

http1 以文件传输形式进行传输（一个请求一个连接）

http2 以字节流的形式来进行传输（多路复用一个连接支持多个请求同域名下只有一个连接）

http

概述：

http称为超文本传输协议一般用于网络传输（一般是对应的数据交互）一般交互的数据为JSON格式数据（字符串）、XML（类似于html）。http是基于TCP之上的协议

数据交互的过程（TCP的三次握手四次挥手）

建立连接的过程称为三次握手

客户端先发送一个消息告诉他我要建立连接

服务端接收到我已经准备好了

客户端收到那么来建立连接
断开连接的过程称为四次回收

客户端发送请求断开连接

服务端接收到请求断开连接

服务端断开连接

客户端断开连接

http的对应的特性

无状态当前a发送一个请求到b b接收到以后不知道是 a 没有记忆能力

无连接请求发送完建立连接后会立马断开

长连接短链接

解决对应的无状态问题

主要是通过对应的session（存储在服务端的）来解决的每个连接的建立都会存在一个对应的sessionID 这个sessionID 是由服务端派发给对应的浏览器的。连接断开以后对T应的sessionID就不在了，为了解决这个问题他就是存储在浏览器上，每次请求都会带上这个sessionID 在浏览器上用于存储sessionID容器就叫cookie 如果我i对应的服务器关闭那么对应的存储sessionID就没有意义了，所以cookie也就没有了意义，那么cookie 既然存储在对应的浏览器上那么对应的他不应该被销毁，那么时间一长对应的cookie 就会越来越大，这个点对我们是不好的。所以为了避免这一点他将我们的cookie和session的生命周期做了绑定也就是说对应的cookie的生命周期和session的生命周期是一样的。session的生命周期是连接一断开他就销毁了（浏览器一关闭就销毁了）

cookie

cookie的结构

cookie 里面存储的内容是一个字符串

// cookie 的名字cookie的值
// 过期时间 默认浏览器关闭销毁
// domain 跨域的地址设置
// path 什么路径下才携带cookie
// security 是否安全 是否为https
key=value;expires=Date;domain=地址;path=路径；security

 //访问cookie
        console.log(document.cookie);
        // cookie的添加
        document.cookie=`name=张三;expires=${new Date()};domain=http://192.0.0.1;path=/hello;secure`

第三方的cookie.js库

JSON格式

JSON格式是一种数据交互格式，一般后台给我们返回的都是json格式的字符串，但是在js中可以将json格式的字符串变为对象

交互图（主要JSON格式数据进行交互）

后端主要提供数据（数据处理（业务）三层模型）

前端主要是负责渲染（部分业务前移三层模型（业务分离））

后端给我们返回JSON格式字符串前端进行解析，然后进行数据渲染

主要表现形式（数组和对象的多级嵌套）

对象
数组

示例

var json={likes:[{name:'苹果',price:50}],age:18}
console.log(json.likes[0].price)
var jsonArr={name:'张三'}，{name:'李四'}，{name:'王五'}
console.log(jsonArr[2].name)