Electron基本介绍

简介:  Electron基本介绍

 Electron基本介绍

Electron 官方网站:https://www.electronjs.org/zh/

Electron安装方法:npm install electron -g 全局安装+

Electron简介:Electron提供了丰富的本地(操作系统)API,使你能够使用纯JavaScript来创建桌面应用程序。Electron通过集成浏览器内核,使用Web技术来实现不同平台下的渲染,并结合了 Chromium 、Node.js 和用于调用系统本地功能的Native API 三大板块。

Electron通过将Chromium和Node.js合并到同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用;

Chromium 为 Electron 提供强大的 UI 渲染能力,由于 Chromium 本身跨平台,因此无需考虑代码的兼容性。

Chromium 并不具备原生 GUI(图形用户界面(Graphical User Interface)) 的操作能力,因此 Electron 内部集成 Node.js,编写 UI 的同时也能够调用操作系统的底层 API,例如 path、fs、crypto 等模块。

Native API 为 Electron 提供原生系统的 GUI 支持,借此 Electron 可以调用原生应用程序接口。

总结起来,Chromium 负责页面 UI 渲染,Node.js 负责业务逻辑,Native API 则提供原生能力和跨平台。

发展历史

2013年4月 Atom Shell 项目启动 。(Electron于2013年作为构建 Github上可编程的文本编辑器Atom的框架而被开发出来。)

2014年5月 Atom Shell 被开源 。

2015年4月 Atom Shell 被重命名为 Electron 。

2016年5月 Electron 发布了 v1.0.0 版本 。

2016年5月 Electron 构建的应用程序可上架 Mac App Store 。

2016年8月 Windows Store 支持 Electron 构建的应用程序 。

electron优缺点

优点:

原生的接口(菜单、消息提醒、系统托盘等)

上手难度低。能够使用react、vue等前端框架,能方便地迁移前端组件,构建出漂亮的桌面应用

方便热更新

调试和测试方便

Electron 开发文档齐全

缺点:

因为Electron捆绑了浏览器chromium内核和Node.js,所以它更倾向于创建大型应用,一个简单的Electron应用程序在没有压缩的情况下通常体积约120MB,不太适合开发轻量级的应用

相比c++开发的桌面应用,性能不如后者

每个窗口都是一个新的进程,占据大量内存

启动速度较慢

Electron允许用户通过开发者工具和ASAR源文件轻松访问源代码,不太安全

不支持手机端

image.gif 编辑

目录
相关文章
|
2月前
|
Web App开发 JavaScript 前端开发
NodeJS简介
Node.js是一个基于Chrome V8引擎的开源、跨平台JavaScript运行环境,适用于服务器端编程,以事件驱动、非阻塞I/O模型提高性能,广泛应用于Web服务API、实时游戏和后端开发。
73 6
|
23天前
|
开发框架 JavaScript 定位技术
harmony:基本使用
HarmonyOS提供了一套强大的UI开发框架——方舟开发框架(ArkUI),支持ArkTS声明式开发范式和类Web开发范式。ArkUI框架不仅提供了丰富的组件、布局计算、动画能力和UI交互等功能,还针对不同开发者需求提供了灵活的开发方式。项目结构清晰,包括entry模块、ArkTS源码目录、页面定义、资源文件管理等。此外,还支持自定义组件、装饰器、生命周期管理、路由跳转等高级特性,极大提升了开发效率和应用性能。
|
1月前
|
监控 前端开发 安全
谈谈我做 Electron 应用的这一两年
本文首发于微信公众号“前端徐徐”,作者徐徐分享了过去一两年间开发Electron桌面应用的经验与心得。文章详细介绍了从项目启动、技术选型到具体实施的过程,并探讨了桌面端开发面临的挑战及解决方案,如软件更新、任务队列设计、性能优化等。此外,还列举了一些特殊需求的实现方法,如静默安装、进程禁用等。作者认为,尽管桌面端开发有其独特性,但通过不断探索与实践,仍能显著提升用户体验和技术水平。
110 0
谈谈我做 Electron 应用的这一两年
|
1月前
|
存储 开发框架 开发工具
Electron有哪些使用场景
【10月更文挑战第13天】Electron有哪些使用场景
113 0
|
1月前
|
前端开发 JavaScript 安全
Electron有哪些优缺点
【10月更文挑战第13天】Electron有哪些优缺点
62 0
|
5月前
|
JavaScript
1.Electron开发环境搭建
1.Electron开发环境搭建
142 0
|
5月前
|
开发框架 Rust Dart
Flutter、Electron 和 Tauri 框架简介
Flutter、Electron 和 Tauri 框架简介
179 0
|
6月前
|
开发框架 前端开发 Linux
前端知识笔记(二十四)———快速创建桌面端(electron-egg)
前端知识笔记(二十四)———快速创建桌面端(electron-egg)
298 0
|
6月前
|
SQL 算法 API
NiceGui:Python中的轻量级GUI框架初体验
NiceGui:Python中的轻量级GUI框架初体验
750 0
|
缓存 JavaScript 前端开发
从0到1构建跨平台Electron应用,这篇文章就够了
Electron是一个可以直接开发构建跨平台应用的库,简单、快捷。 《Electron从0到1构建跨平台应用》这篇文章,我摘录了我自己在真实项目中,从开发到生成安装包的要点。
883 0