关于-Dom

标签：end   layout   vsc   渲染   生成   域名   tree   地址   位置   

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),为每个节点加上对应的样式

关于-Dom

标签：end   layout   vsc   渲染   生成   域名   tree   地址   位置   

原文地址：https://www.cnblogs.com/howar/p/12989278.html