经典前端面试题(二)

在浏览器地址栏中输入一段网址,计算机会发生那些过程?

1.确定通信协议,保持通信畅通。

常用的通信协议TCP/IP协议。

HTTP工作原理

  1. 首先客户端和服务端先建立连接(TCP三次握手)

  2. 发送HTTP请求

  3. 服务器接受请求并返回HTTP响应

  4. 客户端收到响应后断开连接(TCP四次挥手)

  5. 客户端浏览器解析HTML内容

2.通过域名查询DNS系统找到ip地址 三级域名 www

3.根据ip地址找到xx服务器

4.通过80端口找到xx服务器所在的应用程序Apach或者nginx

5.服务器返回网页内容

6.浏览器把内容渲染页面

  1. Dom Tree:浏览器将html解析成树形结构的数据结构,也就是Dom Tree。
  2. CSS Rule Tree:浏览器将CSS解析成树形的数据结构,也就是CSS Rule Tree。
  3. 将Dom Tree和CSS Rule Tree进行合并成RenderTree渲染树。
  4. layout:根据RenderTree计算出每一个节点在屏幕中的过程。
  5. painting:将布局的图像画在屏幕上。

注意:在渲染页面的过程中会有回流和重绘

回流(reflow):改变元素宽高位置会引起DOM Tree的重新布局和绘制。

重绘(repaint):改变某个元素的背景,边框颜色会引起重绘。

你可能感兴趣的