在浏览器中输入url到显示网页主要包含两个部分： 网络通信和页面渲染
互联网内各网络设备间的通信都遵循tcp/ip协议，利用tcp/ip协议族进行网络通信时，会通过分层顺序与对方进行通信。分层由高到低分别为：应用层、传输层、网络层、数据链路层。发送端从应用层往下走，接收端从数据链路层网上走
我们常见的rul是这样的:,域名通常由3部分组成：协议 域名 端口号
涉及知识点： 跨域
在前端进行数据请求时，由于浏览器的同源策略，协议，域名，端口号有一个不同会存在跨域请求，需要进行跨域处理，相关的跨域方法点击
互联网上每一台计算机的唯一标识是它的ip地址，但是ip地址并不方便记忆。用户更喜欢用方便记忆的网址去寻找互联网上的其它计算机，也就是上面提到的百度的网址。所以互联网设计者需要在用户的方便性与可用性方面做一个权衡，这个权衡就是一个网址到ip地址的转换，这个过程就是dns解析，即实现了网址到ip地址的转换
dns解析是一个递归查询的过程。
dns缓存和dns负载均衡
dns存在着多级缓存，从离浏览器的距离排序的话，有以下几种: 浏览器缓存，系统缓存，路由器缓存，ips服务器缓存，根域名服务器缓存，顶级域名服务器缓存，主域名服务器缓存。
在你的chrome浏览器中输入:chrome://dns/，你可以看到chrome浏览器的dns缓存。
系统缓存主要存在/etc/hosts(linux系统)中:
真实的互联网世界背后存在成千上百台服务器，大型的网站甚至更多。但是在用户的眼中，它需要的只是处理他的请求，哪台机器处理请求并不重要。dns可以返回一个合适的机器的ip给用户，例如可以根据每台机器的负载量，该机器离用户地理位置的距离等等，这种过程就是dns负载均衡，又叫做dns重定向
在通过dns域名解析后，获取到了服务器的ip地址，在获取到ip地址后，便会开始建立一次连接，这是由tcp协议完成的，主要通过三次握手进行连接。
完整的http请求包含请求起始行、请求头部、请求主体三部分。
服务器在收到浏览器发送的http请求之后，会将收到的http报文封装成http的request对象，并通过不同的web服务器进行处理，处理完的结果以http的response对象返回，主要包括状态码，响应头，响应报文三个部分。
状态码主要包括以下部分:
1xx：指示信息–表示请求已接收，继续处理。
2xx：成功–表示请求已被成功接收、理解、接受。
3xx：重定向–要完成请求必须进行更进一步的操作。
4xx：客户端错误–请求有语法错误或请求无法实现。
5xx：服务器端错误–服务器未能实现合法的请求。
响应头主要由cache-control、 connection、date、pragma等组成。
响应体为服务器返回给浏览器的信息，主要由html，css，js，图片文件组成。
如果说响应的内容是html文档的话，就需要浏览器进行解析渲染呈现给用户。整个过程涉及两个方面：解析和渲染。在渲染页面之前，需要构建dom树和cssom树。 在浏览器还没接收到完整的 html 文件时，它就开始渲染页面了，在遇到外部链入的脚本标签或样式标签或图片时，会再次发送 http 请求重复上述的步骤。在收到 css 文件后会对已经渲染的页面重新渲染，加入它们应有的样式，图片文件加载完立刻显示在相应位置。在这一过程中可能会触发页面的重绘或重排。这里就涉及了两个重要概念：reflow和repaint。
- reflow，也称作layout，中文叫回流，一般意味着元素的内容、结构、位置或尺寸发生了变化，需要重新计算样式和渲染树，这个过程称为reflow。
- repaint，中文重绘，意味着元素发生的改变只是影响了元素的一些外观之类的时候（例如，背景色，边框颜色，文字颜色等），此时只需要应用新样式绘制这个元素就ok了，这个过程称为repaint。
所以说reflow的成本比repaint的成本高得多的多。dom树里的每个结点都会有reflow方法，一个结点的reflow很有可能导致子结点，甚至父点以及同级结点的reflow。
通过四次挥手关闭连接(fin ack, ack, fin ack, ack)。
- 第一次挥手：client发送一个fin，用来关闭client到server的数据传送，client进入fin_wait_1状态。
- 第二次挥手：server收到fin后，发送一个ack给client，确认序号为收到序号+1（与syn相同，一个fin占用一个序号），server进入close_wait状态。
- 第三次挥手：server发送一个fin，用来关闭server到client的数据传送，server进入last_ack状态。
- 第四次挥手：client收到fin后，client进入time_wait状态，接着发送一个ack给server，确认序号为收到序号+1，server进入closed状态，完成四次挥手。
如对本文有疑问， 点击进行留言回复！！
我要评论
网友评论