url 请求页面到界面显示,浏览器是如何工作的?主要有以下6个步骤:
1. 浏览器使用http或https协议发出url请求,向服务端请求页面。
2.服务端根据url地址找到代码,返回到浏览器端,浏览器把请求回来的html代码经过解析(利用状态机解析为词),构造成dom树(利用栈的方式)。
3.计算css规则应用到dom树上。
4.根据css属性对dom树元素进行逐个渲染,得到内存中的位图。
5.对于变化可能性不大的子元素进行合成,得到合成位图,增加后续绘制的速度。(可选步骤) 注:是否需要合成的判断:css属性:wll-change
6.将步骤4,5后输出的位图合成到最终位图上,将最终位图交给浏览器,浏览器会绘制到界面上。
谢谢!