TNotes.electron

• TNotes.electron
  • 1. TNotes.electron 笔记简介
  • 2. Electron 学习资源
  • 3. Electron 应用
  • 4. Electron 核心概念
  • 5. Electron 应用的最小组成
  • 6. contextBridge 上下文桥接
  • 7. IPC 基础
  • 8. IPC 进阶
  • 9. 窗口
    • 9.1. 不同系统的窗口行为兼容适配
    • 9.2. 窗口首次加载的白屏问题
    • 9.3. 无边框窗口
    • 9.4. 窗口层级
  • 10. 菜单
    • 10.1. 不同系统的菜单适配
    • 10.2. 页面右键菜单
    • 10.3. Dock 菜单
    • 10.4. 自定义菜单
    • 10.5. Tray 菜单
  • 11. app
    • 11.1. 路径
  • 12. 快捷键
    • 12.1. 页面级别
    • 12.2. 全局级别
  • 13. 剪切板
  • 14. 系统通知
  • 15. 桌面视频流
  • 16. 插件化
    • 16.1. 集成浏览器插件
  • 17. 其它功能
    • 17.1. webContents startDrag 原生文件拖放
  • 18. electron-reload
  • 19. electron-icon-builder
  • 20. 小练习：桌面时钟
  • 21. 小练习：微信读书助手
  • 22. 小练习：自动定时截图工具

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. 集成浏览器插件

• 其它第三方插件的集成方案基本都类似，集成 vue 调试工具 vue-devtools 的示例可以作为一个参考。
• 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