前端页面渲染机制-注浏览器基础设施1.用户界面（userinterface）：用户看到并与之交互的功能组件，如地址栏、返回、前进按钮2.浏览器引擎（browserengine）：在用户界面和渲染引擎之间传递指令3.渲染引擎（renderingengine）：负责解析用户请求的内容（HTML、CSS、XML）4.网络（networking）：负责处理网络相关的东西（HTTP）5.UI后端（UIbackend）：负责绘制提示框等浏览器组件，底层使用操作系统的用户界面6.JavaScript解释器（JavaScriptinterpreter）：负责解析和执行JavaScript代码7.数据存储（Datastorage）：负责cookies、缓存等应用数据的持久化存储。渲染引擎和关键渲染路径通过网络模块加载到HTML文件后，渲染引擎的渲染过程如下（关键渲染路径）1.构造DOM树（DOMtree）：从上到下解析HTML文档生成一棵DOM节点树2.构建CSSOM树（CSSObjectModel）：加载解析后的样式生成CSSOM树3.执行JavaScript：加载并执行JavaScript代码4.构建渲染树（rendertree）：根据DOMtree和CSSOMtree，生成渲染树。渲染树：一系列按顺序显示在屏幕上的矩形。这些矩形具有字体、颜色和大小等视觉属性5.Layout（布局）：根据渲染树，节点布局在屏幕上的正确位置6.Painting：遍历渲染树绘制所有节点，并为每个节点应用相应的样式（UI后台模块完成）
