经典前端面试题

Posted 2021-10-25 Hannaaa

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

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）：改变某个元素的背景，边框颜色会引起重绘。