Electron训练笔记

终端乱码解决办法：更改编号
下载卡住解决办法：Electron RequestError: connect ETIMEDOUT 20.205.243.166:443
electron本质是一个依赖库，改依赖库提供了部分对象，可以实现对于window的调用。
electron有一个主进程，多个渲染进程，一个预处理模块。
主进程是程序起点，负责执行预处理模块，启动渲染进程
预处理模块可以用于环境校验，提供全局变量等，可以阻塞主进程。
渲染进程就是网页进程。
进程之前相互隔离，通过ipc进行进程间通信
ipc的原理类似eventbus等监听器
打开控制台默认方法 ctrl +shift+i
主进程访问node.js环境，渲染进程访问浏览器环境
浏览器支持部分本地操作，如打开，读取文件，渲染进程可以通过浏览器使用该功能。
主进程访问呢node.js，支持更多对本地文件操作，如删除，重命名等，能力大于浏览器。
渲染进程进行本地操作的两种路径，1通过浏览器直接操作；2通过ipc告知主进程进行本地操作。推荐使用2方法。
console.log是协议，在终端和浏览器对应了不同的实现方法。主进程console.log打印在终端，渲染进程打印在控制台。
Electron是使用了谷歌浏览器内核进行渲染的应用。属于Hybrid的 H5 + 原生
这类框架主要原理就是将 App 中需要动态变动的内容通过HTML5（简称 H5）来实现，通过原生的网页加载控件WebView （Android）或 WKWebView（iOS）来加载（以后若无特殊说明，我们用WebView来统一指代 Android 和 iOS 中的网页加载控件）。这种方案中，H5 部分是可以随时改变而不用发版，动态化需求能满足；同时，由于 H5 代码只需要一次开发，就能同时在 Android 和 iOS 两个平台运行，这也可以减小开发成本，也就是说，H5 部分功能越多，开发成本就越小。我们称这种 H5 + 原生的开发模式为混合开发，采用混合模式开发的App我们称之为混合应用或 HTMLybrid App ，如果一个应用的大多数功能都是 H5 实现的话，我们称其为 Web App 。目前混合开发框架的典型代表有：Cordova、Ionic 。大多数 App 中都会有一些功能是 H5 开发的，至少目前为止，HTMLybrid App 仍然是最通用且最成熟的跨端解决方案。