浏览器通过渲染引擎和 JS 引擎分工处理页面,前者负责解析 HTML/CSS 和布局,后者负责执行 JavaScript 逻辑。
论据/示例
两大引擎的职责:
| 引擎 | 职责 | 代表产品 |
|---|---|---|
| 渲染引擎 | 解析 HTML/CSS → 构建 DOM/CSSOM → 布局 → 绘制 | Blink, WebKit, Gecko |
| JS 引擎 | 解析 JavaScript → 编译 → 执行 → 内存管理 | V8, JavaScriptCore, SpiderMonkey |
协作流程:
- 渲染引擎解析 HTML/CSS,构建渲染树
- JS 引擎执行脚本,可能修改 DOM/CSSOM
- 渲染引擎重新计算布局和绘制