### Electron 中的主进程和渲染进程分别是什么？在 **Electron** 中，应用程序包含两个主要的进程类型：**主进程** 和 **渲染进程**。 #### 主进程 - **主进程**（**Main Process**）负责管理整个应用的生命周期，包括创建和销毁窗口、处理系统级事件等。 - 主进程运行 **Node.js** 环境，因此可以使用所有的 **Node.js API**。 - 每个 **Electron** 应用只有一个主进程，它是由 `main.js` 文件启动的。 - 主进程可以创建多个 **BrowserWindow** 实例，每个 **BrowserWindow** 实例对应一个渲染进程。 #### 渲染进程 - **渲染进程**（**Renderer Process**）负责显示用户界面，每个 **BrowserWindow** 实例都有一个独立的渲染进程。 - 渲染进程运行在一个类似于浏览器的环境中，可以使用 **HTML**、**CSS** 和 **JavaScript** 来构建用户界面。 - 渲染进程也可以使用有限的 **Node.js API**，但通常更推荐通过 **Electron 提供的 IPC（进程间通信）** 模块与主进程进行通信。 - 渲染进程是多实例的，一个应用可以有多个渲染进程，每个窗口（或标签页）都有自己的渲染进程。 ### 示例代码 ```javascript // main.js (主进程) const { app, BrowserWindow } = require('electron'); function createWindow () { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }); win.loadFile('index.html'); } app.whenReady().then(createWindow); app.on('window-all-closed', () => { if (process.platform !== 'darwin') { app.quit(); } }); app.on('activate', () => { if (BrowserWindow.getAllWindows().length === 0) { createWindow(); } }); ``` ```html Hello Electron

Hello Electron

``` ### 关键词 - **Electron** - **主进程** - **渲染进程** - **Node.js** - **BrowserWindow** - **IPC（进程间通信）** ### 难度等级 ⭐⭐⭐

跨端技术 面试题

简单说下你对 Electron 架构的理解

说说你对React Native的了解？

前端领域有哪些跨端方案？

react native 工作原理是什么？

Electron 中的主进程和渲染进程分别是什么？

说说你对跨平台的理解

taro 的实现原理是怎么样的？

说说你对 Electron 的了解

说说 jsBridge 的原理

说说你对flutter的了解

Electron 有哪些特点和优势？

跨端技术面试题