【Electron】Electron是什么

1. Electron是什么

Electron是使用JavaScript、HTML和CSS构建跨平台(Windows、MacOs、Linux)的桌面应用。Electron其实就是一个可以展示网页内容的壳子,相当于一个独立的浏览器,可以提供给你一些接口,去调用系统的资源。

Electron本质上就是chromium(chrome开源版本)浏览器。

2. Electron 优缺点
2.1 优点
  • 简单上手
  • HTML、CSS、JS、Node 。npm包、UI框架 ,方便高效,能很轻松的实现很好看的UI
  • 多端运行,快速构建"跨平台"(Windows、MacOs、Linux)的桌面级应用
  • 开发时间短
  • 相对其他跨平台方案(如 QT GTK+ 等),更稳定,bug少,开发简单。 不用考虑多浏览器的兼容,只针对谷歌 但要兼容mac、Linux
2.2 缺点
  • 安装包体积略大(打包了Chromium) 至少包含了一个浏览器的体积 ,每装一个 app 就相当于装一个 chrome
  • 性能低下,不如原生应用,启动慢。新开一个进程,起步价就是一个nodejs的内存开销
  • loadURL加载远程页面白屏事件长,优化可采用 vscode 骨架屏
3. 总结

web前端开发,可以通过Electron和React Native开始往移动端和PC桌面端拓展,能够胜任web、mobile、desktop等端的用户界面开发。

相关推荐
万叶学编程2 小时前
Day02-JavaScript-Vue
前端·javascript·vue.js
前端李易安4 小时前
Web常见的攻击方式及防御方法
前端
PythonFun4 小时前
Python技巧:如何避免数据输入类型错误
前端·python
知否技术4 小时前
为什么nodejs成为后端开发者的新宠?
前端·后端·node.js
hakesashou4 小时前
python交互式命令时如何清除
java·前端·python
天涯学馆4 小时前
Next.js与NextAuth:身份验证实践
前端·javascript·next.js
HEX9CF5 小时前
【CTF Web】Pikachu xss之href输出 Writeup(GET请求+反射型XSS+javascript:伪协议绕过)
开发语言·前端·javascript·安全·网络安全·ecmascript·xss
ConardLi5 小时前
Chrome:新的滚动捕捉事件助你实现更丝滑的动画效果!
前端·javascript·浏览器
ConardLi5 小时前
安全赋值运算符,新的 JavaScript 提案让你告别 trycatch !
前端·javascript