【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 分钟前
Pinia 是 Vue 的专属状态管理库
前端·javascript·vue.js
用户69371750013843 分钟前
Android 开发,别只钻技术一亩三分地,也该学点“广度”了
android·前端·后端
郑鱼咚4 分钟前
别再神化Spec了,它可能只是AI Coding的临时补丁
前端
张元清8 分钟前
React 鼠标追踪与交互效果实战
前端·javascript·面试
MinterFusion8 分钟前
HTML DOM元素的定位问题
前端·css·html
落魄江湖行21 分钟前
入门篇六 Nuxt4错误处理:给应用装个安全气囊
前端·typescript·nuxt4
薛定猫AI25 分钟前
【技术干货】用 design.md 驯服 AI 生成前端:从 Awesome Design 到工程化落地实践
前端·人工智能
kyriewen28 分钟前
你的JS代码总在半夜崩溃?TypeScript来“上保险”了
前端·javascript·typescript
iReachers1 小时前
HTML打包EXE配置管理教程:多项目打包设置一键保存、加载与切换
java·前端·javascript
武藤一雄1 小时前
WPF中ViewModel之间的5种通讯方式
开发语言·前端·microsoft·c#·wpf