📚 课程目录第3章 Electron核心原理与架构面试

第3章 Electron核心原理与架构面试

本章聚焦于 Electron 最核心的架构考察点：主进程与渲染进程的职责分工、BrowserWindow 窗口管理、app 生命周期事件。面试官常通过一个综合问题探测你对整体架构的理解深度，本节提供结构化回答框架与高频追问应对策略。

维度	主进程 (Main Process)	渲染进程 (Renderer Process)
运行环境	Node.js + Chromium 主线程	Chromium 内核 + 沙箱
核心职责	窗口管理、app 生命周期、系统原生交互	页面 UI 渲染、用户事件处理
创建方式	自动启动，全局唯一	每个 BrowserWindow 对应一个
使用 API	app、BrowserWindow、ipcMain、Menu	window、document、ipcRenderer
安全限制	完全访问系统资源	默认启用上下文隔离、沙箱机制

面试官考察点：基础架构理解、进程隔离认知、IPC 机制掌握程度。
回答框架：定义角色 → 举例职责 → 说明通信方式 → 强调安全边界。
简短示例回答（80字）：
“主进程运行在 Node.js 环境，负责创建窗口、管理 app 生命周期；渲染进程运行在沙箱中，负责页面渲染。两者通过 ipcMain/ipcRenderer 异步通信，并建议使用 contextBridge 暴露有限 API 以确保安全。”
可能追问：contextBridge 的原理？如何实现双向通信？remote 模块为什么被废弃？
避坑提醒：不要直接说“渲染进程可以 require”，因为默认开启 contextIsolation 时无法使用；务必强调沙箱与安全。

面试官考察点：是否理解 Electron 应用启动/退出流程，跨平台行为差异。
回答框架：列出关键事件 → 描述触发时机 → 说明典型用途 → 对比 macOS/Windows 差异。
简短示例回答（90字）：
“ready 在 app 初始化完成后触发，用于创建窗口；window-all-closed 在最后一页窗口关闭时触发，默认 quit()，但 macOS 中应改为隐藏应用；activate 在 macOS 点击 Dock 图标时触发，用于重新创建窗口。需处理不同平台行为。”
可能追问：will-quit 和 before-quit 的区别？如何优雅退出？如何监听页面关闭前保存数据？
避坑提醒：不要在 ready 之前调用 BrowserWindow 创建，否则抛异常；window-all-closed 中不要忘记设置 app.quit() 的默认行为。

面试官考察点：安全配置意识、对沙箱和上下文隔离的理解、性能权衡。
回答框架：列出选项 → 说明用途 → 对比开启前后的风险 → 推荐实践。
简短示例回答（85字）：
“webPreferences 中 contextIsolation: true 隔离渲染进程与预加载脚本；nodeIntegration: false 禁止直接使用 Node 能力；sandbox: true 限制系统调用；preload 指定脚本通过 contextBridge 暴露 API。这些配置极大降低 XSS 攻击风险。”
可能追问：sandbox 模式下 preload 脚本能做什么？如何在不开启 nodeIntegration 的情况下使用 Node 模块？
避坑提醒：不要同时设置 contextIsolation: false 和 nodeIntegration: true，这会完全破坏安全性；即使使用 preload，也要谨慎暴露 API，避免过度公开。

💡 面试加分点：在回答生命周期或窗口配置时，主动提及 Electron 团队在安全方向上的演进（如 remote 模块移除、contextBridge 推荐），能体现你对技术趋势的关注。

⚠️ 常见误区：认为渲染进程等同于浏览器标签页——Electron 渲染进程拥有更多底层能力（如直接访问 Node 文件系统若未关闭），但安全策略已严格限制；另外主进程虽然有全部权限，但也不应直接执行耗时操作，否则会导致 UI 卡顿。