修订人 | 时间 | 版本 | 备注 |
---|---|---|---|
高成成 | 2023-08-02 | 1.0 | init |
如上图,浏览器的主要功能就是加载资源,把页面转变成可视化图像
如上图,这是前端最需要关心的部分,即浏览器是如何渲染的。渲染引擎主要包括html解释器,css解释器,布局(layout),js引擎。其它还有绘图模块,网络等。
上图是一般情况下的渲染过程和依赖的模块,虚线箭头是指渲染过程中可能用到的其他模块。
渲染完成后,存在用户交互或者页面动画,所以这个过程是持续重复进行的。具体过程如下:
上图是从url请求到形成dom树的过程,数字表示基本顺序,不是严格顺序,可能交叉和重复。
1、用户输入url,webkit调用资源加载器,加载url对应的资源
2、加载器依赖网络模块建立连接,发起请求并接收响应
3、webkit接收各种资源(js,css等),这些资源可能是同步或者异步获取的