新塘 网站建设,餐饮吸引客流的活动方案,甘肃城乡建设部网站首页,织梦系统网站打开速度慢一、URL解析
这一步比较容易理解#xff0c;在浏览器地址栏输入url后#xff0c;浏览器会判断这个url的合法性 #xff0c;以及是否有可用缓存#xff0c;如果判断是 url 则进行域名解析#xff0c;如果不是 url #xff0c;则直接使用搜索引擎搜索
二、域名解析
输入…一、URL解析
这一步比较容易理解在浏览器地址栏输入url后浏览器会判断这个url的合法性 以及是否有可用缓存如果判断是 url 则进行域名解析如果不是 url 则直接使用搜索引擎搜索
二、域名解析
输入 url 并点击确定访问后第二步是进行DNS域名解析如果输入的是 ip 地址则可以省略这一步因为DNS域名解析就是把域名解析成ip地址 域名系统DNS 域名系统是互联网的一项服务是一个将域名和ip地址相互映射的分布式数据库。 机器只能识别ip地址但是对于使用者来说ip地址是不容易被记忆的为了能够让人们更轻松的记住网站地址于是就有了域名系统每一个域名都有一个对应的ip地址
三、建立TCP连接
这一步就是我们常说的三次握手与四次挥手但是在说之前我们需要先了解什么是TCP以及客户端和服务端的几种状态 TCP 传输控制协议Transmission Control Protocol是一种面向连接的、可靠的、基于字节流的传输层通信协议。 SYN 同步序列编号Synchronize Sequence Numbers是TCP/IP建立连接时使用的握手信号。1表示建立连接。 FIN TCP报头的码位字段Function Item Number值为1时表明发送方字节流结束用于关闭连接。 ACK 确认字符 (Acknowledge character在数据通信中接收站发给发送站的一种传输类控制字符表示发来的数据已确认接收无误。 ISN/seq 初始化序列号Initial Sequence Number由客户端或者服务器端创建的随机序列号。ISN不能设置为固定值否则容易被攻击者猜到后续的确认号。 客户端的三种状态 CLOSED关闭-默认状态、SYN_SENT请求连接、ESTABLISHED连接成功
服务端的三种状态 LISTENING监听-默认状态、SYN_RCVDSYN_Received 等待请求确认、ESTABLISHED连接成功
三次握手
客户端向服务器端发送一段带有 SYN 标志的数据包请求建立连接并将自身状态改为 SYN_SENT请求连接 状态 报文内容 SYN1seqx此处seq为客户端随机生成的序列号为了方便理解我们假设为x 服务器端收到来自客户端的TCP报文后结束 LISTENING监听 状态并返回一段带有 SYN ACK 标志的数据包表明已收到来自客户端的数据同时将自身状态改为 SYN_RCVD等待请求确认 状态 报文内容 SYN1, ACK1, seqy, ackx1确认字符为1序列号为x1此处seq为服务器端随机生成的数值为了方便理解我们假设为y 客户端收到来自服务器端的确认收到数据的报文后再次发送一段报文表明客户端已收到服务器端的确认信息同时将自身状态改为 ESTABLISHED连接成功 状态服务器端收到报文后也将自身状态改为 ESTABLISHED连接成功 状态。 报文内容 SYN1, seqx1, acky1 注意确认字符 1 是为了方便接收方确认大写表示状态小写表示值
四次挥手
客户端向服务器端发送一段带有 FIN 标志的数据包请求断开连接并停止继续发送数据主动断开 TCP 连接同时将自身状态改为 FIN_WAIT1 等待服务器端确认 报文内容 FIN1, seqx 服务器端收到 FIN 数据包后返回一段带有 ACk 标志的数据包表明可以断开连接同时将服务器状态改为 CLOSE_WAIT 客户端收到此报文后状态改为 FIN_WAIT2 报文内容 ACK1, seqy, ackx1 如果服务器端也准备断开连接则会向客户端发送一段带有 FIN 标志的数据包此时服务器状态为 LAST_ACK 等服务器发送完所有数据后,再次向客户端发送 FIN ACK 报文确认断开连接 报文内容 FIN1, ACK1, seqz, ackx1 客户端收到 FIN ACk 报文后再次向服务器端发送 ACK 报文回应等待一段时间后如果没有收到来自服务器端的回应则直接进入 CLOSE 状态服务器端在收到 ACK 报文后直接进入 CLOSE 状态不做回应。 报文内容 ACK1, seqx1, ackz1 四、页面渲染
最后一步就是页面渲染了这是一个很复杂的过程
1. 解析HTML并搭建DOM树
浏览器接收到 html 文件后将其解析成 DOM 树这个解析从接收到 html 文件 的时候就已经开始了并不是等到接收完成后才开始解析的过程是自上而下先解析当前节点的所有子节点再解析兄弟节点及其子节点
2. 解析CSS并搭建样式树
浏览器将所有的 css 包括其自身的样式全部解析成样式树解析的过程中会自动去掉浏览器不能识别的样式
3. 将HTML和CSS结合搭建Render树渲染树
将每个 HTML 节点与其对应的 CSS 样式结合搭建 Render 树
4. 根据渲染树计算布局
根据已经生成好的 Render 树 计算每个节点的颜色、尺寸及位置等信息
5. 将元素绘制到页面上
将计算好的节点绘制到页面上这个过程可能会产生 重绘 和 重排回流要尽量避免回流 重绘 因为元素的颜色字体等不改变尺寸及位置的样式改变而重新绘制性能消耗较小 重排回流 因为元素的尺寸或位置改变而导致的重新绘制这种可能会导致多处元素重新绘制性能消耗较大 注意
CSS 不会阻塞 DOM 树 的搭建但是会阻塞页面的渲染这是因为页面渲染需要先计算好节点的样式HTML 文件中的外部资源会提前加载不会等到渲染完成后再加载JS 会阻塞 HTML 的解析因为浏览器不知道 JS 脚本的内容但 JS 脚本有可能会操作 DOM 为了避免重复渲染浏览器会先加载 JS 脚本CSS 会阻塞 JS 的执行因此需要将 script 标签放在 link 标签之前
