哪个网站可以接程序项目来做,怎么制作一个表白网站,做汽车配件网站的公司,电子商务网站建设优势浏览器从输入url到渲染页面发生了什么#xff1f;
一、解析URL
首先浏览器做的第一步工作就是要对 URL 进行解析#xff0c;浏览器会判断这个url的合法性 #xff0c;以及是否有可用缓存#xff08;如果有缓存即可以不用进行下一步的DNS域名解析#xff09;#xff0c;…浏览器从输入url到渲染页面发生了什么
一、解析URL
首先浏览器做的第一步工作就是要对 URL 进行解析浏览器会判断这个url的合法性 以及是否有可用缓存如果有缓存即可以不用进行下一步的DNS域名解析如果判断是 url 则进行域名解析如果不是 url 则直接使用搜索引擎搜索。 二、DNS域名解析
输入 url 并点击确定访问后第二步是进行DNS域名解析如果输入的是 ip地址则可以省略这一步因为DNS域名解析目的就是把域名解析成ip地址。
域名系统DNS 域名系统是互联网的一项服务是一个将域名和ip地址相互映射的分布式数据库。
域名的层级关系
DNS 中的域名都是用句点来分隔的比如 www.server.com这里的句点代表了不同层次之间的界限。在域名中越靠右的位置表示其层级越高。
实际上域名最后还有一个点比如 www.server.com.这个最后的一个点代表根域名。
所以域名的层级关系类似一个树状结构
根 DNS 服务器.顶级域 DNS 服务器.com权威 DNS 服务器server.com
本地DNS服务器
每个 ISP 都有一台本地 DNS 服务器但严格来说本地 DNS 服务器并不属于 DNS 的层次结构但它对 DNS 层次结构是至关重要的。那什么是本地 DNS 服务器呢
当主机发出 DNS 请求时该请求被发往本地 DNS 服务器本地 DNS 服务器起着代理的作用并负责将该请求转发到 DNS 服务器层次结构中。
域名解析流程
递归加迭代 首先主机 wei-z.top 向它的本地 DNS 服务器发送一个 DNS 查询报文其中包含期待被转换的主机名 wei-z.topDNS查询请求本地 DNS 服务器将该报文转发到根 DNS 服务器转发该根 DNS 服务器注意到 top 前缀便向本地 DNS 服务器返回 top 对应的顶级域 DNS 服务器的 IP 地址列表。返回查询结果本地 DNS 服务器则向其中一台 顶级域服务器发送查询报文DNS查询请求该顶级域服务器注意到 wei-z.top 前缀便向本地 DNS 服务器返回wei-z对应的权威 DNS 服务器的 IP 地址。返回查询结果本地 DNS 服务器又向其中一台权威服务器发送查询报文DNS查询请求终于该权威服务器返回了 wei-z.top 的 IP 地址(拿到ip地址)本地 DNS 服务器将 wei-z.top 跟 IP 地址的映射返回给主机 主机就可以用该 IP 向 a.b.com 发送请求啦。
::: tip
主机向本地 DNS 服务器发出的查询就是递归查询这个查询是主机以自己的名义向本地 DNS 服务器请求想要的 IP 映射并且本地 DNS 服务器直接返回映射结果给到主机。
后继的三个查询是迭代查询包括本地 DNS 服务器向根 DNS 服务器发送查询请求、本地 DNS 服务器向 TLD 服务器发送查询请求、本地 DNS 服务器向权威 DNS 服务器发送查询请求所有的请求都是由本地 DNS 服务器发出所有的响应都是直接返回给本地 DNS 服务器。
:::
递归查询 DNS优化
DNS缓存
为了让我们更快的拿到想要的 IPDNS 广泛使用了缓存技术。DNS 缓存的原理非常简单在一个 DNS 查询的过程中当某一台 DNS 服务器接收到一个 DNS 应答它就能够将映射缓存到本地下次查询就可以直接用缓存里的内容。
当然缓存并不是永久的每一条映射记录都有一个对应的生存时间一旦过了生存时间这条记录就应该从缓存移出。
有了缓存大多数 DNS 查询都绕过了根 DNS 服务器需要向根 DNS 服务器发起查询的请求很少。
DNS负载均衡DNS重定向
DNS负载均衡技术的实现原理是在DNS服务器中为同一个主机名配置多个IP地址在应答DNS查询时 DNS服务器对每个查询将以DNS文件中主机记录的IP地址按顺序返回不同的解析结果将客户端的访问 引导到不同的机器上去使得不同的客户端访问不同的服务器从而达到负载均衡的目的。
DNS Prefetch
DNS Prefetch 是一种 DNS 预解析技术。当你浏览网页时浏览器会在加载网页时对网页中的域名进行解析缓存这样在你单击当前网页中的连接时就无需进行 DNS 的解析减少用户等待时间提高用户体验。
三、建立TCP连接
TCP 传输数据之前要先三次握手建立连接
所以三次握手目的是保证双方都有发送和接收的能力。
四、发送HTTP请求
检查浏览器是否有缓存
通过Cache-Control和Expires来检查是否命中强缓存命中则直接取本地磁盘的html状态码为200 from disk(or memory) cache内存or磁盘如果没有命中强缓存则会向服务器发起请求先进行下一步的TCP连接服务器通过Etag和Last-Modify来与服务器确认返回的响应是否被更改协商缓存若无更改则返回状态码304 Not Modified,浏览器取本地缓存若强缓存和协商缓存都没有命中则返回请求结果。
封装HTTP请求消息
接着就是将http消息交给传输层进行TCP报文的封装为报文加上TCP头部再交给网络层进行IP定位最后由数据链路层给IP头部再加上MAC头部并封装成数据帧发送到网络上。
网络接口层的传输单位是帧frameIP 层的传输单位是包packetTCP 层的传输单位是段segmentHTTP 的传输单位则是消息或报文message。但这些名词并没有什么本质的区分可以统称为数据包。
五、TCP四次挥手断开连接
当数据传送完毕需要断开 tcp 连接此时发起 tcp 四次挥手。
六、页面渲染
最后一步就是页面渲染了这是一个很复杂的过程
1. 解析HTML构建DOM树
2. 解析CSS生成CSS规则树
3. 合并DOM树和CSS规则生成render树
4. 布局render树Layout/reflow负责各元素尺寸、位置的计算(回流)
5. 绘制render树paint绘制页面像素信息重绘总结
::: tip 首先是URL地址解析判断输入的是一个合法的URL还是一个带搜索的关键词并且根据你输入的内容进行自动完成字符编码等操作。 接着发起真正的URL请求。如果浏览器本地缓存了这个资源则会直接将数据转发给浏览器进程如果没有缓存则会查询DNS解析域名。 首先找浏览器有没有DNS缓存如果有则返回IP如果没有则向本地域名服务器发送DNS请求如果本地域名服务器中有之前对该域名的应答则直接返回缓存的IP如果没有则从根域服务器、顶级域服务器、权威域服务器中查找对应主机的IP并返回给本地域服务器再由它返回给浏览器。 浏览器拿到IP后再向服务器发起HTTP请求之前还要先进行TCP连接。即TCP三次握手 第一次握手客户端向服务器发送SYN包请求建立连接。 第二次握手服务端收到来自客户端建立连接的请求后返回SYN/ACK表示我能收到你的请求那就建立连接吧 第三次握手客户端收到服务端的返回后再回复ACK表示我也能收到你的请求 TCP三次握手的目的是为了确认双方都有发送和接受的的能力 建立TCP连接成功后就可以发送HTTP请求到服务器请求数据了。 当获取到服务器返回的数据后就开始对资源进行解析。 HTML通过HTML解析器生成DOM树CSS样式通过CSS解析器解析输出CSS规则结合DOM树和CSS规则计算出DOM树中每个节点的具体样式生成渲染树render Tree浏览器根据渲染树开始布局和绘制会触发回流和重绘生成布局flow即将所有的渲染树的所有节点进行平面合成将布局绘制print在浏览器上。 :::
