浏览器渲染过程

66 阅读1分钟

url-> bitmap

  1. 首先会经过http请求和解析http回应的过程,把url中包含的html解析出来
  2. 将解析出来的html,对其进行解析,生成dom树
  3. 对dom树进行css计算,dom中有哪些css规则,哪些会进行叠加,进行计算,得到带css样式的dom
  4. 有了css属性的dom,进行layout布局,计算出dom产生的盒的位置
  5. 最后进行渲染,拥有对应的背景颜色、背景图等,画到图片上,生成bitmap
  6. 以上过程是浏览器的基本渲染缓环节,生成的实际是一张图片,术语bitmap,然后根据操作系统和硬件驱动提供的API来展现出来

image.png