【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 分钟前
单页应用SEO可行性丨Angular项目的3个索引优化方案
前端·javascript·angular.js
ggaofeng7 分钟前
实践NPM打包和使用
前端·npm·node.js
一只小bit12 分钟前
Qt MainWindow:主窗口组件的介绍与正确使用
前端·c++·qt
Macbethad28 分钟前
半导体EFEM设备TwinCAT程序设计方案
java·前端·网络
ggaofeng33 分钟前
理解npm的原理
前端·npm·node.js
摘星编程34 分钟前
React Native for OpenHarmony 实战:SnapCarousel 轮播组件详解
javascript·react native·react.js
电商API_1800790524737 分钟前
1688商品详情采集API全解析:技术原理、实操指南与业务落地
大数据·前端·人工智能·网络爬虫
記億揺晃着的那天38 分钟前
Chrome 自动填充“用户名”到普通输入框 - 解决方案
前端·chrome
摘星编程1 小时前
React Native for OpenHarmony 实战:PagingScroll 分页滚动详解
javascript·react native·react.js
LawrenceLan1 小时前
Flutter 零基础入门(二十一):Container、Padding、Margin 与装饰
开发语言·前端·flutter·dart