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源文件轻松访问源代码,不太安全

不支持手机端

相关推荐
拉不动的猪2 小时前
前端自做埋点,我们应该要注意的几个问题
前端·javascript·面试
烛阴2 小时前
Node.js中必备的中间件大全:提升性能、安全与开发效率的秘密武器
javascript·后端·express
小杨升级打怪中2 小时前
前端面经-JS篇(三)--事件、性能优化、防抖与节流
前端·javascript·xss
鱼樱前端3 小时前
前端必知必会:JavaScript 对象与数组克隆的 7 种姿势,从浅入深一网打尽!
前端·javascript
yzhSWJ4 小时前
Spring Boot中自定义404异常处理问题学习笔记
java·javascript
神仙别闹5 小时前
基于VUE+Node.JS实现(Web)学生组队网站
前端·vue.js·node.js
zyk_5206 小时前
前端渲染pdf文件解决方案-pdf.js
前端·javascript·pdf
沉迷...6 小时前
手动实现legend 与 echarts图交互 通过js事件实现图标某项的高亮 显示与隐藏
前端·javascript·echarts
BXCQ_xuan7 小时前
基于Node.js的健身会员管理系统的后端开发实践
后端·mysql·node.js
wt_cs7 小时前
身份证实名认证接口数字时代的信任基石-node.js实名认证集成
开发语言·node.js·php