浏览器通过渲染引擎和 JS 引擎分工处理页面,前者负责解析 HTML/CSS 和布局,后者负责执行 JavaScript 逻辑。

论据/示例

两大引擎的职责

引擎职责代表产品
渲染引擎解析 HTML/CSS → 构建 DOM/CSSOM → 布局 → 绘制Blink, WebKit, Gecko
JS 引擎解析 JavaScript → 编译 → 执行 → 内存管理V8, JavaScriptCore, SpiderMonkey

协作流程

  1. 渲染引擎解析 HTML/CSS,构建渲染树
  2. JS 引擎执行脚本,可能修改 DOM/CSSOM
  3. 渲染引擎重新计算布局和绘制

关联