关于-Dom

Posted 2020-12-23 howar

1.  用户输入url到展示内容，经历了什么
   1. 用户在地址栏输入域名,服务器根据域名查找IP,向Ip发起请求
   2. 浏览器获得并解析服务器返回的内容
   3. 浏览器加载html文件,以及引用外部文件,资源,图片
   4. js渲染引擎从上到下解析DOM文档生成DOM节点树
   5. 构建CSS树,加载解析样式生成CSSOM树
   6. 执行jsavscript,加载并执行javascript代码
   7. 构建渲染树,根据DOM树跟CSSOM树生成渲染树 render-tree
   8. 根据渲染树将节点树的每一个节点布局在屏幕的正确位置上(Layout)
   9. 遍历渲染树所有节点(painting),为每个节点加上对应的样式