url请求页面浏览器的工作原理

6 篇文章 0 订阅

url 请求页面到界面显示,浏览器是如何工作的?主要有以下6个步骤:

1. 浏览器使用http或https协议发出url请求,向服务端请求页面。

2.服务端根据url地址找到代码,返回到浏览器端,浏览器把请求回来的html代码经过解析(利用状态机解析为词),构造成dom树(利用栈的方式)。

3.计算css规则应用到dom树上。

4.根据css属性对dom树元素进行逐个渲染,得到内存中的位图。

5.对于变化可能性不大的子元素进行合成,得到合成位图,增加后续绘制的速度。(可选步骤)  注:是否需要合成的判断:css属性:wll-change

6.将步骤4,5后输出的位图合成到最终位图上,将最终位图交给浏览器,浏览器会绘制到界面上。

 

 

谢谢!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值