【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 分钟前
AI 时代,前端工程师的话语权正在下降?
前端·后端
kymjs张涛2 分钟前
一个月,纯VibeCoding,全平台云笔记APP
前端·javascript·后端
巴勒个啦9 分钟前
esbuild 插件实战:5个真实场景带你自定义构建流水线
前端·angular.js
狗头大军之江苏分军17 分钟前
前端路由是怎么来的
前端·javascript·后端
Patrick_Wilson19 分钟前
Cookie 作用域避坑:父域泄漏、同名优先级与多环境隔离
前端·http·浏览器
api工厂27 分钟前
ZCode 3.0 版本搭配GLM-5.2能力测试
前端·人工智能·ai
小小小小宇30 分钟前
单点登录(二)
前端
阿猫的故乡1 小时前
Vue + Axios 从入门到封装:拦截器、错误处理、请求取消、接口管理全搞定
前端·javascript·vue.js
良逍Ai出海1 小时前
免费模板搭完独立站后,我用 Codex + Figma 做了自己的页面设计
前端·人工智能·figma
纽格立科技1 小时前
DRM 发射端链路图(下)
前端·人工智能·车载系统·信息与通信·传媒