网址输入后的经历

  1. DNS域名解析
  2. 建立socket连接TCP3次握手
  3. 发起请求 : 向IP对应的服务器发送http请求
  4. 响应请求并传输数据 : 服务器响应http请求,发回网页内容
  5. 浏览器解析网页内容 : 浏览器解析并渲染呈现给用户
  6. 连接结束TCP4次挥手

标题域名解析

  • 目的是为了将网址转为便于机器识别的IP地址。
  • 本地机器上配置网络时都有DNS
  • 会把URL发送给这个配置的DNS服务器;如果能够找到相应的URL则返回其IP,否则该DNS将继续将该解析请求发送给上级DNS,整个DNS可以看成一个树状结果,该请求将一直发送到根直到得到结果。

建立socket连接TCP3次握手

  • 三次握手的目的是同步连接双方的序列号和确认号并交换 TCP窗口大小信息。
  • 防止已失效的连接请求报文段突然又传送到了服务端,因而产生错误。
  • 第一次握手: 建立连接。客户端发送连接请求报文段,将SYN位置为1,Sequence Number为x;然后,客户端进入SYN_SEND状态,等待服务器的确认;
      第二次握手: 服务器收到SYN报文段。服务器收到客户端的SYN报文段,需要对这个SYN报文段进行确认,设置Acknowledgment Number为x+1(Sequence Number+1);同时,自己自己还要发送SYN请求信息,将SYN位置为1,Sequence Number为y;服务器端将上述所有信息放到一个报文段(即SYN+ACK报文段)中,一并发送给客户端,此时服务器进入SYN_RECV状态;
      第三次握手: 客户端收到服务器的SYN+ACK报文段。然后将Acknowledgment Number设置为y+1,向服务器发送ACK报文段,这个报文段发送完毕以后,客户端和服务器端都进入ESTABLISHED状态,完成TCP三次握手。

发起请求 : 向IP对应的服务器发送http请求

  • HTTP请求报文是由三部分组成: 请求行, 请求报头和请求正文。
  • 常用的方法有: GET, POST, PUT, DELETE, OPTIONS, HEAD。

响应请求并传输数据 : 服务器响应http请求,发回网页内容

  • HTTP响应报文是由三部分组成: 状态码, 响应报头和响应报文。
  • 状态码是由3位数组成,第一个数字定义了响应的类别
  • 常见的响应报头字段有: Server, Connection
  • 服务器返回给浏览器的文本信息,通常HTML, CSS, JS, 图片等文件就放在响应报文

浏览器解析网页内容 : 浏览器解析并渲染呈现给用户

  • 解析页面生成DOM树,遇到css标签或JS脚本标签就新起线程去下载他们,并继续构建DOM。
  • 下载完后解析CSS为CSS规则树,浏览器结合CSS规则树和DOM树生成Render Tree。
  • 构建CSS Object Model(CSSOM)会阻塞JavaScript的执行。JavaScript的执行也会阻塞DOM的构建。
  • JavaScript下载后可以通过DOM API修改DOM,通过CSSOM API修改样式作用域Render Tree。
    每次修改会造成Render Tree的重新布局和重绘。只要修改DOM或修改了元素的形状或大小,就会触发Reflow

连接结束TCP4次挥手

  • TCP协议是一种面向连接的、可靠的、基于字节流的运输层通信协议,TCP是全双工模式
  • 第一次分手: 主机1(可以使客户端,也可以是服务器端),设置Sequence Number,向主机2发送一个FIN报文段;此时,主机1进入FIN_WAIT_1状态;这表示主机1没有数据要发送给主机2了;
      第二次分手: 主机2收到了主机1发送的FIN报文段,向主机1回一个ACK报文段,Acknowledgment Number为Sequence Number加1;主机1进入FIN_WAIT_2状态;主机2告诉主机1,我“同意”你的关闭请求;
      第三次分手: 主机2向主机1发送FIN报文段,请求关闭连接,同时主机2进入LAST_ACK状态;
      第四次分手: 主机1收到主机2发送的FIN报文段,向主机2发送ACK报文段,然后主机1进入TIME_WAIT状态;主机2收到主机1的ACK报文段以后,就关闭连接;此时,主机1等待2MSL后依然没有收到回复,则证明Server端已正常关闭,那好,主机1也可以关闭连接了。
  • MSL:报文段最大生存时间,它是任何报文段被丢弃前在网络内的最长时间。
  • TCP连接还要在TIME_WAIT状态等待2倍MSL,这样可以保证本次连接的所有数据都从网络中消失。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值