front-end-learning

各种技术快捷键的分享

node版本管理工具 - n

npm i -g n //安装工具
n nodeversion//选择安装node的版本
然后可以自己选择对应的版本来满足自己的需求

electron


chrome开源项目：chromium

electron原理

• Chromium是多进程架构（browser和多个render）
• 进程间需要IPC通信
• web关注到的只是一个很小的部分

核心原理在上述这个截图里！！！！

为什么要开发桌面端

• 快捷入口
• 离线可用
• 调用系统能力
• 安全需求


简要过程




主进程

• electron运行package.json的main脚本的进程成为主进程
• 每个应用只有一个主进程
• 管理原声GUI，典型的窗口（BrowserWindow,Tray,Dock,Menu)
• 创建渲染进程
• 控制应用生命周期�（app）
• 创建并管理渲染进程
• 可以使用和操作系统对接的Electron API

渲染进程

• 展示web页面的进程成为渲染进程
• 通过Node.js，ELectron提供的API可以跟系统底层打交道
• 一个Electron应用可以有很多个渲染进程


进程

An instance of a computer program that is being executed - 维基百科

打开main.js然后监视electron变化的命令是

nodemon --watch main.js --exec 'electron .'

Demo项目(播放器应用)