【面试题】地址栏输入URL敲下回车后发生了什么?

(1)URL解析:判断用户输入的是否为合法的 URL,包括协议、域名、端口、请求的资源路径等

(2)DNS查询:通过 DNS 域名解析,找到目标服务器的 ip 地址

(3)TCP连接:在确定服务器的 ip 地址后,通过三次握手建立 TCP 连接

(4)HTTP请求:建立连接后,浏览器就可以发生 HTTP 请求到目标服务器。请求内容包括 请求行、请求头、请求体。

(5)响应请求:当服务器接受到请求后,查找请求的资源并返回一个 HTTP 响应,包括 状态行、响应头、响应体

(6)页面渲染:当收到响应的资源时,浏览器进行解析,生成DOM树,最终将页面渲染到屏幕上。

页面渲染流程分为两个阶段:解析阶段和渲染阶段

解析阶段

  • 解析 HTML ,生成 DOM树(分为标记化阶段、树构造阶段)
  • 解析 CSS,进行样式计算,生成 CSSOM 树
  • 遍历 DOM树,计算节点的几何信息,生成布局树

渲染阶段

  • 对特定的节点分层(如z-index、transform),生成图层树
  • 渲染引擎将图层的绘制差分为一个个绘制指令,生成绘制列表
  • 绘制由合成线程完成,会将图层分块绘制
  • 绘制后,将图块交给栅格化线程池生成位图,再由显示器显示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值