网络

1.同源策略

• 协议：http/https
• 域名：com后/cn后
  .com顶级域名
  baidu.com.cn二级域名
  zhidao.baidu.com.cn三级域名
  dns先根据顶级域名判断网络范围在根据域名查找主机ip地址
浏览器网页默认的端口号：80
• 端口：443（https）/80（http）

2.输入URL发生了什么？

在这里插入图片描述

• 浏览器通过DNS域名解析到服务IP
• 客户端通过TCP协议建立到服务器的TCP连接（三次握手）
• 客户端向WEB服务器（HTTP服务器）发送HTTP协议包，请求服务器里的资源
• 服务端向客户端发送HTTP协议应答包
• 客户端处理HTML文档，客户端和服务器断开（四次挥手）

3.三次握手

在这里插入图片描述

4.四次挥手

在这里插入图片描述

5.TCP/UDP

• Tcp是基于连接的协议[微信]
• Udp是正式通信前不必与对方加入连接 [手机短信]
  用于实时语音视频

6.http（请求报文响应报文）

            通过报文进行沟通

• 1.请求报文

• 请求头

• 请求行：
  请求方法：get /post/delete/head/trace/option
  请求资源：（URL）
  请求协议版本：http 1.1.1

• 请求主体
  表单提交数据，如：name=aim&age=18

• 2.响应报文

• 响应头：

• 响应行：协议版本号http1.1.1 200OK状态码

• 响应主体：响应的数据

7.常见状态码

8.GET和POST的区别

• 在http协议里并无实际的区别
• GET使用URL或cookie传参，而POST将数据放到body中
  ?name=aim&age=18
• GET的URL有长度的限制，POST可以传输很多数据
• POST比GET安全（相对）

9.浏览器的缓存机制

• 304上次缓存的资源没改变，重定向到浏览器缓存里
• 请求头
• if-None-Match:匹配etag(上次响应头里的和304一样)，如果他修改了不取缓存
• if-Modified-since:将先前服务器端发送过来的最后修改时间戳发送回去
• 响应头
• etag:标记图片资源（唯一标识）
• last-Modiffied:(服务器最后修改的时间)和etag配合使用
• Etags和if-none-match的工作原理是在http Response中添加Etage信息，当客户端再次请求该资源时，将在Request加入if-none-match信息（etags的值），如果服务器验证资源的etage改变，将返回304.否则服务器将返回200，并返回新资源和新的ETags
• Date:服务器响应内容时间
• Cacge-control
• no-cache
• no-store
• max-age
• min-fresh
• max-state
• Expires
• referer:从哪里跳过来，网站统计用户从何点击而来

10.cookie

• 取
• document.cookie
• 设置
• document.cookie="age=18;Max-Age=1000"
• Max-Age=session(临时)/时间字符串（单位S
• document.cookie='name=lishunxin;expires'+oDate;(标准时间)
• 删除
• document.cookie='age=18;max-age=-1'
• 查找
• 在这里插入图片描述