微信图片_20220508201045.jpg微信图片_20220508201054.jpg

    1. 浏览器中，从输入url到页面显示出来，具体的流程是什么？
      1.DNS解析

    2.TCP连接

    3.发送HTTP请求

    4.服务器处理请求并返回需要的数据

    5.浏览器解析渲染页面

    解析HTML，生成DOM树，解析CSS，生成CSSOM树

    将DOM树和CSSOM树结合，生成渲染树(Render Tree)

    Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小）

    Painting(重绘):根据渲染树以及回流得到的几何信息，得到节点的绝对像素

    Display:将像素发送给GPU，展示在页面上

    6.连接结束
    https://zhuanlan.zhihu.com/p/467817954?utm_source=wechat_session&utm_medium=social&utm_oi=815545356409532416&utm_campaign=shareopn