Skip to content

TNotes.electron

Main Navigation 👀 TOC

⚙️ Settings

📂 TNotes.yuque

Appearance

Sidebar Navigation

1. TNotes.electron 笔记简介

✅ 0059. TNotes.electron 笔记简介

2. Electron 学习资源

✅ 0057. electron 源码仓库

✅ 0058. electron 官方文档

✅ 0050. 《Electron 实战：入门、进阶与性能优化》

✅ 0051. 掘金小册 - 《Electron 应用开发实践指南》

✅ 0053. 掘金小册 - 《Electron + Vue 3 桌面应用开发》

✅ 0054. 掘金小册 - 《Electron + React 从 0 到 1 实现简历平台实战》

✅ 0055. WebStudyBooks 免费的前端掘金小册

3. Electron 应用

✅ 0052. Electron Showcase

4. Electron 核心概念

✅ 0045. Electron 核心概念

5. Electron 应用的最小组成

✅ 0001. Electron 应用的最小组成

6. contextBridge 上下文桥接

✅ 0002. 使用 contextBridge 暴露 API 给渲染进程

7. IPC 基础

✅ 0046. 认识 IPC 相关模块

✅ 0037. 使用 ipcRenderer.send、ipcMain.on 实现从渲染进程到主进程的单向 IPC 通信

✅ 0035. 使用 ipcRenderer.invoke、ipcMain.handle 实现从渲染进程到主进程的单向 IPC 通信

✅ 0043. 主进程通过 BrowserWindow 实例的 webContents.send 方法主动给指定的渲染进程发消息

✅ 0038. 使用 send、on 实现主进程和渲染进程之间的双向 IPC 通信

✅ 0039. 使用 ipcRenderer.sendSync、ipcMain.on 实现主进程和渲染进程之间的双向 IPC 通信

✅ 0036. 使用 ipcRenderer.invoke、ipcMain.handle 实现主进程和渲染进程之间的双向 IPC 通信

8. IPC 进阶

⏰ 0047. 分析渲染进程之间的通信

⏰ 0042. 通过主进程转发消息的方式实现两个渲染进程之间互相通信

⏰ 0041. 通过主进程获取另一个渲染进程的 ID 来实现两个渲染进程之间的通信

⏰ 0040. 使用 MessagePort 实现两个渲染进程之间的互相通信

⏰ 0034. 仿观察者模式实现两个渲染进程之间的互相通信

⏰ 0004. 使用 web api MessageChannel 实现主进程和渲染进程之间的互相通信

⏰ 0003. 比较消息端口 MessageChannel 和 ipcRenderer.invoke、ipcMain.handle 的性能

9. 窗口

9.1. 不同系统的窗口行为兼容适配

⏰ 0016. 适配 Windows 和 macOS 上的窗口交互行为

9.2. 窗口首次加载的白屏问题

⏰ 0015. 等 ready-to-show 事件触发后再显示窗口以解决窗口白屏问题

9.3. 无边框窗口

⏰ 0048. 认识无边框窗口

⏰ 0018. 创建一个无边框窗口

⏰ 0019. 让无边框的窗口可以被拖拽

⏰ 0020. macos 隐藏窗口标题栏但是不隐藏交通灯

9.4. 窗口层级

⏰ 0017. 窗口置顶

10. 菜单

10.1. 不同系统的菜单适配

⏰ 0010. macos 应用菜单第一项的问题

10.2. 页面右键菜单

⏰ 0012. 使用 Menu 模块实现页面中的右键菜单

10.3. Dock 菜单

⏰ 0009. 设置 macos 的 Dock 菜单

10.4. 自定义菜单

⏰ 0011. 自定义系统菜单覆盖默认菜单问题

10.5. Tray 菜单

⏰ 0025. 创建 macos 应用托盘（Tray）

11. app

11.1. 路径

⏰ 0024. 通过 app 模块获取应用相关路径

12. 快捷键

12.1. 页面级别

⏰ 0023. 页面级别的快捷键

12.2. 全局级别

⏰ 0022. 全局级别的快捷键

13. 剪切板

⏰ 0021. 使用 clipboard 模块向系统剪切板中读写文本

14. 系统通知

⏰ 0026. 使用 Notification 模块弹出系统消息

15. 桌面视频流

⏰ 0029. 实现屏幕监听功能

⏰ 0028. 模拟截图功能

⏰ 0049. desktopCapturer 简介

16. 插件化

⏰ 0014. 使用 BrowserView 加载外部资源

⏰ 0013. 基于 BrowserView 实现插件化能力

16.1. 集成浏览器插件

⏰ 0006. 使用 vue-remote-devtools

⏰ 0007. 使用手动安装的方式集成 vue-devtools

⏰ 0005. 使用 electron-devtools-installer 安装 vue-devtools

⏰ 0008. 使用自动安装的方式集成 vue-devtools

17. 其它功能

17.1. webContents startDrag 原生文件拖放

⏰ 0027. 原生文件拖 & 放

18. electron-reload

⏰ 0031. 使用 electron-reload 实现热更

19. electron-icon-builder

✅ 0030. 使用 electron-icon-builder、electron-builder 解决应用打包后的图标问题

20. 小练习：桌面时钟

⏰ 0032. 实现一个桌面时钟

⏰ 0056. 实现一个桌面时钟-2

21. 小练习：微信读书助手

⏰ 0044. weread-helper

22. 小练习：自动定时截图工具

⏰ 0033. ScreenCaptureApp

to top

目录

open in vscode

✅ 已完成：20

⚙️ Settings

📁 本地知识库路径 ℹ️

未配置

📏 内容区宽度 ℹ️

688px

💡 MarkMap 思维导图 ℹ️

分支主题 ℹ️

展开层级 ℹ️

层

Pager

下一篇✅ 0059. TNotes.electron 笔记简介