关于-Dom

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