Electron

IM跨平台技术学习(九):全面解密新QQ桌面版的Electron内存优化实践

本文我们将和大家分享新版 QQ 在内存优化方面的探索和阶段性优化进展。虽然本文的讨论主要集中在 Windows 平台,但由于 Electron 的跨平台特性,大部分优化措施也同样适用于 macOS 和 Linux 平台。 ......
Electron 内存 桌面 技术

使用pyinstaller和electron将python打包为桌面端应用,无法在win7上执行

在win10或win11上开发的软件,直接在win7上运行,可能导致下面的问题 原因在于:win10或win11上的开发环境(如python版本,electron版本)过高,win7不支持该环境。 解决办法:降低python版本和electron版本,如:win7支持的python3.7和elect ......
pyinstaller electron 桌面 python win7

Electron

介绍 Chromium 可以使用页面相关api比如document,用于展示界面,每个页面都是一个渲染进程 Node.js 可以使用node的api,例如process, 入口文件package.json的main脚本主进程,主进程管理所有的渲染进程 ipc模块,主进程和渲染进程之间通讯的ipc模块 ......
Electron

electron 项目打包报错问题解决

electron 项目打包报错问题解决 手动下载这两个文件 electron-v23.1.1-win32-x64.zip SHASUMS256.txt-23.1.1 放在这个目录C:\Users\xxx(你自己的用户名)\AppData\Local\electron\Cache 注意: SHASUM ......
electron 项目 问题

electron自动更新

electron可通过electron-updater实现客户端自动更新 mian.js // 检测更新,在你想要检查更新的时候执行,renderer事件触发后的操作自行编写 function updateHandle() { // let message = { // error: '检查更新出错 ......
electron

electron如何与web对接

mian.js //创建主窗体 function createWindow(options) { // Create the browser window. mainWindow = new BrowserWindow({ modal: true, fullscreen: false, autoHi ......
electron web

electron 注入hook代码

主要使用了BrowserWindow的webContents对象,它提供了在主进程中对渲染进程进行操作的接口 ~~~js mainWindow.webContents.on("did-finish-load", function() { //... //这里放注入代码逻辑 //... }); ~~~ ......
electron 代码 hook

IM跨平台技术学习(八):新QQ桌面版为何选择Electron作为跨端框架

在瞬息万变的互联网行业中,年过二十四的即时通讯IM应用 QQ 堪称超长寿的产品,见证了中国互联网崛起的完整历程。 然而,如今这个元老级产品经历了一次从内到外彻底的重构。在这次重构中,QQ 选择了 Electron 作为 UI 跨平台开发框架。 尽管 Electron 被 Slack、Visual... ......
框架 Electron 桌面 技术

Electron,VUEJS3,Vite,TypesSript 开发环境配置

# Electron,VUEJS3,Vite,TypesSript 开发环境配置 项目早期是vue3+vite开发的,后期由于运营需求,要修改为Win安装包。 方案还是比较多的: ### 1. WPF - Webview 由于目前只需要兼容win,所以可以选择WPF,但WPF需要WebView的,还 ......
TypesSript Electron 环境 VUEJS3 VUEJS

关于Electron版本和NodeJS版本的关系

关于Electron的介绍,可以查看官方文档 Electron官方文档 使用Electron进行开发时,本地必须安装Node运行环境(官方推荐安装长期支持(LTS)的版本) 本地安装的Node的版本,和Electron程序运行所需要的版本没有关系。 例如:使用Electron 14.0.0版进行开发 ......
版本 Electron NodeJS

解决 electron-forge 打包的 setup.exe 在安装动画未结束前就开了程序的主界面问题

# 问题描述: `electron-forge` 打包的 `setup.exe` 在安装动画未结束前就开了程序的主界面问题。 ## 问题演示图片: ![](https://img2023.cnblogs.com/blog/1249006/202308/1249006-2023081622045475 ......
electron-forge electron 界面 程序 动画

card,swallow-and-electron-cloud

贺卡,燕子和电子云 Created: 2023-07-16T17:52+08:00 Published: 2023-08-15T17:36+08:00 Categories: Fragment [toc] # 贺卡 翻日记,看到高三时候班级举行过随机互赠贺卡的活动,对于这件事我只有一点点模糊的印象, ......

Electron-builder打包和自动更新

# Electron-builder打包和自动更新 # 前言 文本主要讲述如何为 electron 打包出来软件配置安装引导和结合 github 的 release 配置自动更新。 electron-builder 是将 Electron 工程打包成相应平台的软件的工具,我的工程是使用 [elect ......
Electron-builder Electron builder

electron渲染进程与主进程之间通信

#### 首先main.js中通过preload进行预加载脚本 __dirname字符串指向当前正在执行的脚本的路径 ``` const { app, BrowserWindow } = require('electron');//引入electron const path = require('p ......
进程 electron 之间

electron 打包兼容 win7 踩坑笔记

问题:.项目原electron 在win10上运行正常,在win7 下报以下错误 # 项目原始版本 { "electron": "^25.3.0", "electron-builder": "^24.4.0",} 解决方案:降低版本 指定版本为: electron v21.4.4 、nodejs v ......
electron 笔记 win7 win

TypeError: fs.existsSync is not a function | import { ipcRenderer } from 'electron'

在electron的渲染进程中导包会发生TypeError: fs.existsSync is not a function node_modules/electron/index.js:6 ``` var pathFile = path.join(__dirname, 'path.txt') if ......

react + electron项目的一些小知识

1、在终端输入 webpack -v 是到全局查找webpack 2、index.html里的代码要换成线下代码,不然修改不生效 3、要运行 webpack --watch 启动热加载,不然修改的代码不会重新打包 4、再打开一个终端运行 npm start ......
electron 项目 知识 react

在vue中使用Electron开发C/S架构中的C(客户端界面)

Electron简介:Electron是利用web前端技术进行桌面应用开发的一套框架。 我是用的nodejs版本(16.18.1)和npm版本(8.19.2): 创建vue-electron项目,鄙人测试了两种方式创建vue-electron项目,如下所示:1、vue-cli-plugin-elec ......
架构 客户端 Electron 界面 客户

Electron 软件简单破解——去除全屏化

最近在上网课,软件(有道领世)一打开就直接全屏化了,右上角只有最小化和关闭两个按钮,非常不方便,决定想个办法去除全屏化。 > 以下均默认安装 scoop 环境,每条指令都使用管理员权限在 pwsh 中运行。若不是,请按照你的 shell 进行修改。 首先打开软件,一股 Electron 的风味,来验 ......
Electron 软件

清除 Electron (原子壳)中的缓存数据

最佳答案 Electron 将其缓存存储在以下文件夹中: window :C:\Users\<user>\AppData\Roaming\<yourAppName>\Cache Linux:/home/<user>/.config/<yourAppName>/Cache 操作系统:/Users/<u ......
缓存 原子 Electron 数据

Vue2.6.11+electron13.0.0在渲染进程中使用remote,报错:“TypeError: fs.existsSync is not a function

![](https://img2023.cnblogs.com/blog/1202393/202307/1202393-20230729170842749-5741440.png) * https://blog.csdn.net/weixin_38742935/article/details/119 ......

electron中使用sqlite3和sequelize

需求如题,刚解决完,困难重重,挑重点讲: 1. 在windows下使用sqlite3需要以管理员的方式全局安装windows-build-tools,这个是用来给sqlite3重编译用的。下载的时候注意将npm降级到版本6,否则会卡在某一步半天没有动静。 2. 在项目中安装electron-rebu ......
sequelize electron sqlite3 sqlite

electron - 快速了解

electron 前端可使用的桌面客户端。 包含 一个主进程-main.js 多个渲染进程-render.js文件 主线程和渲染进程的特殊方式进行传递数据,以下是简单的例子。 node需要10版本以上,并且git需要安装 渲染进程js 点击查看代码 ``` const { ipcRenderer } ......
electron

跨平台GUI开发技术:QT,GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS?

跨平台GUI开发技术:QT,GTK+, C#(WinForm/WPF), Java(Swing/AWT/JavaFX), Electron, compose-multiplatform, Flutter, JS? ......

vue-electron 批量生成 PDF

> 最近有个需求,需要批量下载 pdf,单份还好,但多份时会超时。 需要改成一份一份下载,先选择下载的存储路径,再自动下载到选择的目录中,一开始使用了 will-download,但在测试过程中,测服下载速度很慢,发现保存地址还是会弹出来,下载一次弹出一份。 因此打算试试利用 electron 原来 ......
vue-electron electron vue PDF

解决npm安装electron总卡住

## 前言 也是久闻Electron大名,而且新版QQ最近也用Electron改写了。正好最近想写一个图形化的程序,无奈安装的时候老是卡住。还好网上早就有人遇到了跟我一样的问题,也给出了方案。 ## 正文 转自:https://zhuanlan.zhihu.com/p/562217675 ### 总 ......
electron npm

electron 和 react 进程通信

现在有个需求 ,我想要使用 react 选择上传文件,获取文件路径 在浏览器里面调用 ant design 的 upload 组件是做不到的,只能获取文件名 ``` 由于浏览器的安全限制,无法获取文件的完整路径。如果需要获取文件的完整路径,可以考虑使用 Electron 等桌面应用程序开发框架,或者 ......
electron 进程 react

electron-build打包

## 安装依赖 安装asar ``` shell # 项目内安装 # npm install asar --save-dev # 全局安装: npm install asar -g # electron加密 ``` 安装electron-build ```shell # 项目内安装 # npm in ......
electron-build electron build

记录--手把手教你,用electron实现截图软件

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 背景 因为我们日常开发项目的时候,需要和同事对接api和文档还有UI图,所以有时候要同时打开多个窗口,并在多个窗口中切换,来选择自己要的信息,如果api和文档不多的情况还好,但是有时候就是要做大量的页面,为了提升效率我决定自己做一个截图工 ......
截图 electron 软件

创建electron+ts+vue3的应用模板

# 配置vue3 1. 安装vue3 ``` cd D:\Users\Administrator\AppData\ mkdir Roaming cd ./Roaming mkdir vue3 cd ./vue3 npm install @vue/cli ``` 系统资源管理器进入'D:\Users\ ......
electron 模板 vue3 vue ts