Electron共0篇
Electron
⭐️vue3 + electron 开发桌面软件入门与实战-五八三

⭐️vue3 + electron 开发桌面软件入门与实战

前言 Electron开发桌面应用比C/C++语言开发桌面应用更容易。C++语言特性繁多复杂,使用Electron开发桌面易上手,开发效率高。 当然,有团队的leader就会比较担心用Electron开发出来的应用是不是...
admin的头像-五八三admin2年前
090

使用Electron打桌面端需要知道哪些

Electron 打桌面端 Electron 是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Wi...
admin的头像-五八三admin2年前
0340
「桌面端」Electron 你不知道的 BrowserView-五八三

「桌面端」Electron 你不知道的 BrowserView

笔者最近很久没发文章了,主要是一直在加班赶桌面端改造工作,在Electron的大坑中越走越远,也看到了Electron的很多局限性。 社区上关于Electron的文章还是太少了,笔者会慢慢整理下在Electron...
admin的头像-五八三admin2年前
01160
使用umi+electron实现web端和桌面端同步开发-五八三

使用umi+electron实现web端和桌面端同步开发

首先确定我们的目的是实现以下内容 在umi项目中,以安装electron的形式,实现web端及桌面端同步开发,实现一套代码多端使用的目的。 需实现支持打包成win64位及win32位及mac的安装包。 确定目的...
admin的头像-五八三admin2年前
080
如何优化 electron 应用在低配电脑秒启动-五八三

如何优化 electron 应用在低配电脑秒启动

背景 古茗门店使用的收银机,有些会因为使用年限长、装了杀毒软件、配置低等原因性能较差,导致进钱宝启动响应较慢。然后店员在双击进钱宝图标后,发现没反应,就会重复点击 因此我们希望优化到...
admin的头像-五八三admin2年前
0590
搭建一个electron开源项目(react、Vite 和 TypeScript) 的框架选择-五八三

搭建一个electron开源项目(react、Vite 和 TypeScript) 的框架选择

背景 如何选择适合你的项目框架? 随着技术的不断发展,选择适合自己的项目脚手架变得越来越重要。本文将介绍如何使用Electron、React和Vite搭建一个开源截图、录屏和录像的跨平台桌面软件——p...
admin的头像-五八三admin2年前
0130
Electron 会话管理-五八三

Electron 会话管理

浏览器向 Web 服务器发出的一系列请求被称为会话,Electron 提供的 session API 就是用于管理浏览器会话的,包括浏览器缓存、本地存储(localstorage、cookie、indexdb等)、网络代理、设备权限...
admin的头像-五八三admin2年前
0130
Electron(网页)中实现接近微信消息发送体验的消息输入框及界面(附带React Native中的实现效果)-五八三

Electron(网页)中实现接近微信消息发送体验的消息输入框及界面(附带React Native中的实现效果)

本文的目的是想帮助那些正在接触 IM即时通讯 相关有实现类似微信一样的消息输入框的人群,如果你没有类似的需求那么本文对你可能没有太大的帮助,当然可以先收藏以备后用。 效果展示 Electron(...
admin的头像-五八三admin2年前
0110
Electron 介绍和拓展-五八三

Electron 介绍和拓展

本篇文章分享来自小伙伴「huanxing」的一次学习总结分享,希望跟社区的同学一起探讨。 Electron 是什么 Electron是一个内嵌了 Chromium(注:Chromium其实就是 Google 为发展 Chrome 浏览...
admin的头像-五八三admin2年前
0160
学习日常工作不用用到的东西--桌面应用-五八三

学习日常工作不用用到的东西–桌面应用

前言 每家公司使用的开发技术比较固化,如果仅学习在公司中用到的那些前端知识,构建的前端知识体系肯定不全面,不完整。许多属于前端领域的知识,自己的大脑会一片空白,如何破局 ?破局方法很...
admin的头像-五八三admin2年前
060

Electron 源码学习(1):从源码构建

想要了解 Electron 的运行原理,方法有很多,其中最有效的方法,就是读 Electron 的源码。在我们读源码的时候,可能会尝试通过修改或添加代码来验证代码的功能,这就需要我们掌握从源码构建 Ele...
admin的头像-五八三admin2年前
070
Electron-react实现 自定义通知 ,帮你踩坑!-五八三

Electron-react实现 自定义通知 ,帮你踩坑!

摸鱼无聊怎么办,怼着代码死里干! 为了接触更多的新技术,拓展自己的技术能力,本文给大家带来我第一次使用electron的技术文章,记录了对electron的一些基本的认识,主要介绍了electron的一些...
admin的头像-五八三admin2年前
0120
electron实战:仿网易云音乐-五八三

electron实战:仿网易云音乐

仿网易云音乐实战 摘要 vue + electron 实战,实现桌面端应用开发。(electron 中使用 vue、vue 中使用 electron)。项目实战是仿网易云音乐桌面端进行开发。 前言 这个项目是我跟着官方文档的那...
admin的头像-五八三admin2年前
040

Electron + Vue 3 桌面应用开发

Electron + Vue 3 桌面应用开发 Vite插件实现启动vite时启动electron export const devPlugin = () => { /** * 该vite插件是为了监听vite启动/插件配置更新时候去触发electron启动mainEntry ...
admin的头像-五八三admin2年前
0150

Electron开发实践(6)—— 打包

Electron开发实践系列文章 Electron开发实践(1)——为什么选择Electron Electron开发实践(2)——Electron生态开发技术选型 Electron开发实践(3)——环境&工程搭建(Vite+Electron+React) Ele...
admin的头像-五八三admin2年前
040
基于electron 和 react,我做了一个桌面音乐播放器?-五八三

基于electron 和 react,我做了一个桌面音乐播放器?

背景 最近正在做一个开源的项目--pear-rec,pear-rec 是一个跨平台的截图、录屏、录音、录像软件。截图功能上篇文章已经讲过了,如果没有看过的可以去看看这篇文章————手把手教你,用electr...
admin的头像-五八三admin2年前
0110
vite+vue3+ts+electron桌面应用web端桌面端开发及生产打包配置!-五八三

vite+vue3+ts+electron桌面应用web端桌面端开发及生产打包配置!

前言 上一章搭建已经搭建好的工程目前只能启动electron桌面端的服务,如果需要启动web端服务的话需要将vite.config.ts中的plugins中的electron插件注释掉。这样非常麻烦,所以并不是我想要的效...
admin的头像-五八三admin2年前
040
Electron + Vite + Vue3 + ts 打造 Mp4 转换器-五八三

Electron + Vite + Vue3 + ts 打造 Mp4 转换器

之前用 Node.js 开发了一款在线版 Mp4 转换器,有同学反映需要本地要安装 ffmpeg,使用起来比较麻烦。其实,我们可以将该应用转换为 Elctron 桌面版,并将 ffmpeg 打包进去做成便携版,不用安装...
admin的头像-五八三admin2年前
030

Electron桌面应用开发基础

Electron桌面应用开发 Electron技术架构 地址:快速入门 | Electron Chromium 支持最新特性的浏览器 Node.js Javascript运行时,可实现文件读写 Native APIS 提供统一的原生界面能力 环境搭建 N...
admin的头像-五八三admin2年前
020
「桌面端」Electron 实时网络环境监控-五八三

「桌面端」Electron 实时网络环境监控

笔者看了很多文章,都有提到需要自建网络监控,但没有开源具体的实现方式,笔者在此摸索了一下,仅供大家参考。 背景 Electron 官方虽然有提供网络在线/离线探测方案,但这个方案是基于浏览器本...
admin的头像-五八三admin2年前
0140