electron如何解决白屏问题

electron白屏问题主要出现在两方面：

1、electron未加载完毕html，electron自身产生的白色背景；

2、electron加载html，html处于加载渲染过程中产生的短暂白屏；

1中可设置electron自带的transparent属性进行处理。

2中问题可通过提高首屏渲染速度

但是，1中可能会由于设置了 app.allowRendererProcessReuse = false; 导致设置背景透明失效。

2中的首屏渲染也只能无限接近，虽然可以在渲染前通过 设置html loading ，避免白屏的问题，但是在一些业务场景中是 不符合业务需求 的。

步骤：

1、预加载browserWindow，设置show:false。

因为该窗口只是隐藏，并不是关闭，所以内部的html地址仍然会加载执行。

2、但是，在mac的多桌面、mac与windows的多扩展屏会出现，show窗口的时候。

窗口只会出现在第一次创建的窗口的桌面；

如果之前拖动过窗口，窗口再次被show时，只会出现在最后拖动完成的位置。

故此，可以采用以下的方法处理问题。

若是通过点击或者触发某个窗口（已经存在）的位置来唤起。

1)通过设置父子窗口来完成。

2)异步解除父子窗口关系。

electron和react什么关系

1、Electron：electron是一个使用js，html和css等的web技术创建原生桌面应用的框架，他基于chromium和node.js，构建的应用可以在Mac，windows和Linux三个平台上运行。

2、React和react-router在该项目中负责构建单页面应用和路由跳转的实现。

使用electron中遇到的问题总结

学习electron还没有太久，在项目上进一步接触打包和自动更新后也踩了好多坑，百度了很多的资料，我这里对遇到的问题整理一下，避免后续想学习electron的同学再次踩坑。

参考： 问题解决的参考文档

不同的页面引入报不一样的错，如下：

renderer进程引入electron （app.vue）:

错误显示是node_modules/electron/index.js文件中引入fs.existsSync语句造成的

renderer进程引入electron （index.html页面）:

百度查资料得知原因是：

(1)、首先在渲染进程属于浏览器端，没有集成Node的环境，所以类似 fs 这样的Node的基础包是不可以使用。

(2)、因为没有Node环境，所以这种属于node api的require关键词是不可以使用的。

(3)、electron5.x的node集成环境默认是关闭的，这之前的版本是默认开启的

根据百度提供的方案是在主进程中集成 Nodejs，也就是添加配置nodeIntegration: true

通过使用window.require代替require来引入electron，因为前者不会被webpack编译，在渲染进程require关键字就是表示node模块的系统

渲染进程：

主进程main.js:

配置好重新启动前端工程会之前的错误没有了，但是出现 window.require is not a function .错误

由此看出直接使用window.require代替require是不可行的,接着百度查找资料，找到一种解决方案：

2.1新建preload.js预处理文件

2.2在main进程中添加preload配置项,使用了预加载之后,即使nodeIntegration为false,也可以使用Node API访问到ipcRenderer

2.3 渲染进程种引入electron中的ipcRenderer

把以上三个步骤引入之后重启前端工程,又发现报错

不用担心，这个其实是因为工程是在本地浏览器运行的，识别不了electron中的api,只要保证在electron应用程序下运行就不会报错。我们一般开发都是在本地浏览器调试，有红色报错提示的话看着还是比较碍眼，所以添加一个 is-electron来判断,处于electron环境中才执行

npm install --save is-electron

electron是什么意思

electron的意思是：电子。

electron的复数是：electrons。

electron的相关短语有：electron microscope电子显微镜、electron beam电子束；电子注、scanning electron microscope扫描电子显微镜、tran**ission electron microscope透射式电子显微镜、electron diffraction电子衍射。

1、The energy of an electron is sufficient to excite the atom.

一个电子的能量已足以激发原子。

2、Integrated electron density along the line of sight.

视线的平均电子密度。

3、Other molecules are willing to accept a proton or give up an electron.

其它的分子要接收一个质子或放弃一个电子。

4、To use nitrate as electron donor in the electron transport chain during respiration.

利用硝酸盐作为呼吸作用中，电子传递链之电子提供者。

5、We aim to build a large plat of offering electron products and information.

优的目标是建立一个强大的综合游戏电子产品提供和资讯服务平台。

electron是什么软件？为什么突然出现在电脑里了？

electron是电子。

电子（electron）是带负电的微粒。它可以是自由的（不属于任何原子），也可以被原子核束缚。原子中的电子在各种各样的半径和描述能量级别的球形壳里存在。球形壳越大，包含在电子里的能量越高。

在电导体中，电流由电子在原子间的独立运动产生，并通常从电极的阴极到阳极。在半导体材料中，电流也是由运动的电子产生的。但有时候，将电流想象成从原子到原子的缺电子运动更具有说明性。半导体里的缺电子的原子被称为空穴（hole）。通常，空穴从电极的正极"移动"到负极。

电子属于亚原子粒子中的轻子类。轻子被认为是构成物质的基本粒子之一。它带有1/2自旋，即又是一种费米子（按照费米—狄拉克统计）。电子所带电荷为e=-1.6×10^-19C（库仑），质量为9.11×10^-31kg（0.51MeV/c2），能量为5.11×105eV，通常被表示为e⁻。

物质的基本构成单位——原子是由电子、中子和质子三者共同组成。中子不带电，质子带正电，原子对外不显电性。相对于中子和质子组成的原子核，电子的质量极小。质子的质量大约是电子的1840倍。

当电子脱离原子核束缚在其它原子中自由移动时，其产生的净流动现象称为电流。

各种原子束缚电子能力不一样，于是就由于失去电子而变成正离子，得到电子而变成负离子。

静电是指当物体带有的电子多于或少于原子核的电量，导致正负电量不平衡的情况。当电子过剩时，称为物体带负电；而电子不足时，称为物体带正电。当正负电量平衡时，则称物体是电中性的。

electron有必要学吗

有必要。

1、Electron是使用JavaScript，HTML和CSS构建跨平台的桌面应用程序框架。

2、Electron兼容Mac、Windows和Linux，可以构建出三个平台的应用程序，用途广泛。