排序
Electron-builder打包和自动更新
Electron-builder打包和自动更新 前言 文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新。 electron-builder 是将 Electron 工程打包成相应平台的...
「桌面端」Electron 实时网络环境监控
笔者看了很多文章,都有提到需要自建网络监控,但没有开源具体的实现方式,笔者在此摸索了一下,仅供大家参考。 背景 Electron 官方虽然有提供网络在线/离线探测方案,但这个方案是基于浏览器本...
基于electron 和 react,我做了一个桌面音乐播放器?
背景 最近正在做一个开源的项目--pear-rec,pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了,如果没有看过的可以去看看这篇文章————手把手教你,用electr...
Electron-react实现 自定义通知 ,帮你踩坑!
摸鱼无聊怎么办,怼着代码死里干! 为了接触更多的新技术,拓展自己的技术能力,本文给大家带来我第一次使用electron的技术文章,记录了对electron的一些基本的认识,主要介绍了electron的一些...
Electron 介绍和拓展
本篇文章分享来自小伙伴「huanxing」的一次学习总结分享,希望跟社区的同学一起探讨。 Electron 是什么 Electron是一个内嵌了 Chromium(注:Chromium其实就是 Google 为发展 Chrome 浏览...
搭建一个electron开源项目(react、Vite 和 TypeScript) 的框架选择
背景 如何选择适合你的项目框架? 随着技术的不断发展,选择适合自己的项目脚手架变得越来越重要。本文将介绍如何使用Electron、React和Vite搭建一个开源截图、录屏和录像的跨平台桌面软件——p...
「桌面端」Electron 你不知道的 BrowserView
笔者最近很久没发文章了,主要是一直在加班赶桌面端改造工作,在Electron的大坑中越走越远,也看到了Electron的很多局限性。 社区上关于Electron的文章还是太少了,笔者会慢慢整理下在Electron...
认识一下Electron中的.node模块
Node原生模块 .node 文件是一种用于 Node.js 的原生模块。原生模块是一种能在 Node.js 中使用的二进制插件,它通常使用 C 或 C++ 编写,其他的如 Rust 也可以编写,并且编译为 .node 文件。再no...
基于electron、vite、viewerjs 和 react,我做了一个预览图片桌面软件
背景 最近正在做一个开源的项目--pear-rec,pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了,如果没有看过的可以去看看这篇文章————手把手教你,用electr...
浅谈 Electron.js 中的架构设计
原文:Advanced Electron.js architecture - LogRocket Blog 不久前,我开始从事一个名为Taggr的附带项目,这是一个完全离线的交互式照片探索应用程序。开发Taggr要求我从应用程序复杂性的最低...
electron资源cpu/memory占用过高的处理思路
背景 最近发现客户端(Electron IM)在某些场景下 CPU/Memory 占用较高,所以需要进一步分析定位问题。本文主要记录这次资源占用优化的过程, 以及尝试分析优化效果。 备注:本文主要是介绍Electron...
Electron + Vite + Vue3 + ts 打造 Mp4 转换器
之前用 Node.js 开发了一款在线版 Mp4 转换器,有同学反映需要本地要安装 ffmpeg,使用起来比较麻烦。其实,我们可以将该应用转换为 Elctron 桌面版,并将 ffmpeg 打包进去做成便携版,不用安装...
Vue 结合Electron使用
Electron是什么 Electron 是一个跨平台的、基于 Web 前端技术的桌面 GUI (图形化)应用程序开发框架。你可以使用 HTML、CSS 来绘制界面和控制布局,使用 JavaScript 来控制用户行为和业务逻辑,...
Electron + Vue 3 桌面应用开发
Electron + Vue 3 桌面应用开发 Vite插件实现启动vite时启动electron export const devPlugin = () => { /** * 该vite插件是为了监听vite启动/插件配置更新时候去触发electron启动mainEntry ...
Electron 源码学习(1):从源码构建
想要了解 Electron 的运行原理,方法有很多,其中最有效的方法,就是读 Electron 的源码。在我们读源码的时候,可能会尝试通过修改或添加代码来验证代码的功能,这就需要我们掌握从源码构建 Ele...
Electron(网页)中实现接近微信消息发送体验的消息输入框及界面(附带React Native中的实现效果)
本文的目的是想帮助那些正在接触 IM即时通讯 相关有实现类似微信一样的消息输入框的人群,如果你没有类似的需求那么本文对你可能没有太大的帮助,当然可以先收藏以备后用。 效果展示 Electron(...
如何优化 electron 应用在低配电脑秒启动
背景 古茗门店使用的收银机,有些会因为使用年限长、装了杀毒软件、配置低等原因性能较差,导致进钱宝启动响应较慢。然后店员在双击进钱宝图标后,发现没反应,就会重复点击 因此我们希望优化到...
使用Electron打桌面端需要知道哪些
Electron 打桌面端 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Wi...
Wails v3 路线
一个用来写跨平台桌面应用的 Go 框架,可以替代 Electron。跟 Tauri 的作用类似,不同的是 Tauri 基于 Rust 语言,它基于 Go 该文转载自 Wails 项目维护者 简介 Wails是一个使用 Go 简化编写...
详解 Electron 应用升级
Electron 应用升级有两种方案:全量升级和增量升级。 全量升级会下载完整的新版本软件包,覆盖安装到用户电脑上,由于是完整的安装包,里面包含了 Electron 框架,包体积会比较大。 增量升级则...