首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏全栈程序员必看

    electron preload 提前_electron vue3

    背景 最近手头的 electron 项目需要做一个报告导出的功能,导出时要弹出个页面,可让用户自行补全相应的字段。 webview 简介 electron 的 webview 标签时基于 Chromium webview ,由于 Chromium 的架构变化巨大,会影响 electron webview 的稳定性,包括呈现 所以 electron 团队不建议使用 webview 标签。 注意:默认情况下,electron >= 5禁用 webview标签。 本篇属于 electron 初识,如有表述不当,望指出改正。 参考 1. electron文档 webview篇 2. electron webview加载远程preload方法 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    1.8K10编辑于 2022-11-17
  • 来自专栏个人路线

    鸿蒙 PC 使用 Electron 打印服务实现详解

    鸿蒙 PC 使用 Electron 打印服务实现详解 问题背景 在鸿蒙平台上开发 Electron 应用时,需要实现打印功能。 主进程实现(main.js) 在主进程中监听打印请求,并调用 Electron打印 API: const { app, BrowserWindow, ipcMain } = require('electron } }); 3. 分页控制 */ .page-break { page-break-after: always; } /* 避免在元素中间分页 */ h1, h2, h3 : 100%; } /* 确保图片完整显示 */ img { max-width: 100%; height: auto; } } 3.

    29210编辑于 2025-11-29
  • 来自专栏h5

    Electron跨平台仿QQ|vue3+electron+antdv聊天应用

    前言 此前有给大家分享一个vite2+vant3开发h5手机端小视频实例。今分享一个最新开发的electron跨端聊天应用。 p4.gif 框架技术 vue3全家桶:vue3.0+vuex4+vue-router@4 electron框架:electron11.2.3 打包工具:vue-cli-plugin-electron-builde electron-builder打包配置 创建vue3项目的时候,根目录会有一个vue.config.js配置文件。可用来进行一些项目配置和electron打包配置。 /** * @Desc vue3+electron项目|打包配置文件 * @Time andy by 2021-02 * @About Q:282310962 wx:xy190310 image.png ending,基于vue3.x+electron开发聊天软件就分享到这里。希望对大家有些帮助! .mp.itc.gif

    3K00发布于 2021-02-27
  • 来自专栏编程技术总结分享

    Electron入门教程3 ——进程通信

    因为主进程和渲染进程在Electron的进程模型中有不同的职责,IPC是执行许多常见任务的唯一方式,比如从UI调用本地API或从本地菜单触发web内容的更改。下面就来详细介绍3种常见的通信方式。 3. ipcRenderer.invoke的替代 ipcRenderer.invoke()有两种替代方式: (1)ipcRenderer.send() :我们所使用的单向通信也可以用来执行双向通信。 arg) => { console.log(arg) // 会打印pong }) ipcRenderer.send('asynchronous-message', 'ping') main,js ', 'ping') console.log(result) // 会打印pong main.js const { ipcMain } = require('electron') ipcMain.on( 'synchronous-message', (event, arg) => { console.log(arg) // 会打印ping event.returnValue = 'pong'

    1.7K40编辑于 2022-11-22
  • 来自专栏愧怍的技术学习与分享

    搭建Electron+Vue3开发环境

    之前用 electron-vue 写过一个半成品的桌面端应用,但是是基于 Vue2 的,最近又想重写点桌面端应用,想要上 Vue3+TypeScript,于是便有了这篇文章总结下具体的搭建过程。 Vue3 开发跨平台桌面应用【从项目搭建到打包完整过程】 - 掘金 (juejin.cn) 坑​ error in . 这个不是作为重点,因为很多大佬都已经写了现成的模板,完全可以自行借鉴学习,就贴几个阅读过的几篇文章 Vite + Vue 3 + electron + TypeScript - DEV Community vue3 + vite + electron - 知乎 (zhihu.com) 现成的模板​ 均可在 github 上搜索到 vite-react-electron (推荐) electron-vue-vite 以上就是我所使用 Vue3 来开发 Electron 的环境搭建过程,总体来说从 Electron 除了应用体积过大,对于前端开发者来说是非常友好的,既然环境配置完,那么现在就可以开始好好的编写桌面端应用了

    2.2K30编辑于 2022-12-27
  • 来自专栏前端开发随笔

    Electron+vue3搭建桌面应用

    先搭建vue/cli脚手架应用 推荐4.x版本 vue create project-name 在cli目录下 执行下面代码 vue-cli-plugin-electron-builder文档链接 vue add electron-builder 项目运行 npm run electron:serve

    36220编辑于 2022-05-05
  • 来自专栏NetCore 从壹开始

    (1 3Electron知识学习 · 基础篇

    Electron是一个跨平台的桌面客户端框架,使用 JavaScript,HTML 和 CSS 构建跨平台的桌面应用程序,文档:https://www.electronjs.org/zh/docs/latest 基于 Chromium 和 Node.js 让你可以使用 HTML, CSS 和 JavaScript 构建应用 开源 Electron是一个由OpenJS基金会和一个活跃的贡献者社区管理的开源项目 开发依赖 引入Electron开发依赖 对当前项目引入Electron的开发依赖 执行安装指令 npm install --save-dev electron 接着就需要在package.json添加执行 Electron的指令 添加start命令能让您在开发模式下打开您的应用 "start": "electron ." .

    1.4K20编辑于 2023-01-09
  • 来自专栏liulun

    Vite ❤ Electron——基于Vite搭建Electron+Vue3的开发环境【一】

    背景 目前社区两大Vue+Electron的脚手架:electron-vue和vue-cli-plugin-electron-builder, 都有这样那样的问题,且都还不支持Vue3,然而Vue3已是大势所趋 所以开发一个Vite+Vue3+Electron的脚手架的需求日趋强烈 我前段时间做了一个, 但是发现了一些与Vite有关的问题, 比如:Vite会把开发环境的process对象吃掉的问题 这对于web issue真的是太难了,Electron官方项目在这方面就做的很好,很open、很包容) 环境 先用Vite创建一个Vue3的工程,这就是你的实际项目工程 接着安装几个Electron相关的依赖,最终我的工程下的依赖情况如下 render  渲染进程源码目录     main  主进程源码目录     common  两个进程都会用到的共用源码目录   package.json  项目配置文件   index.html  vue3的入口页面 /electron/dist/Electron.app/Contents/MacOS/Electron path.join(this.bundledDir, "entry.js")为Electron进程指定了入口程序文件的地址

    4.9K20发布于 2020-12-07
  • 来自专栏叶子陪你玩编程

    EV3 点阵打印

    打印机大家应该都见过或者用过,它是计算机的一种输出设备,可以将计算机里面的一些数据(文字,图形)打印在相关介质(纸张,塑料)上。 比如要你把一首《静夜思》打印出来。 ? 你会用电脑以word或者pdf格式保存这首古诗,接着连接打印打印,稍微等一会,一张打印着古诗的纸张就从打印机里面慢慢出来了。 是不是觉得使用很简单(没用过的保持沉默就可以了)。 下面我们看看百科对打印机的一些讲解: 衡量打印机好坏的指标有三项:打印分辨率,打印速度和噪声。 打印机的种类很多,按打印元件对纸是否有击打动作,分击打式打印机与非击打式打印机。 按打印字符结构,分全形字打印机和点阵字符打印机。按一行字在纸上形成的方式,分串式打印机与行式打印机。 按所采用的技术,分柱形、球形、喷墨式、热敏式、激光式、静电式、磁式、发光二极管式等打印机。 笔移动部分 ---- 下面讲解如何打印出我们想要的一个字符:EV3 先用EXCEL做出一个EV3的字符(是一个一个点出来的) ?

    2.4K11发布于 2020-03-12
  • 来自专栏dmhsq_csdn_blog

    vite+vue3+electron桌面端开发

    vite+vue3+electron桌面端开发 ps :踩坑踩了一个多小时 如果嫌麻烦可以直接拿走用 克隆代码仓库 1.https://gitee.com/dmhsq/vue3-vite-electron https://gitee.com/dmhsq/vue3-vite-electron.git 2.https://github.com/promiseHusky/vue3-vite-electron https://github.com/promiseHusky/vue3-vite-electron.git 同样你也可以使用脚手架 来快速的创建 还没写完 先用着仓库的吧 效果如下 这是打包生成的 [ 生成的logo像素至少为 256x256否则会在打包的时候报错 开发注意 因为这里使用的是高版本electron 如果你想在 vue文件中 引入remote 需要安装一个依赖包 @electron menu); }); Version 0.0.0 说明 刚刚搭建完成 可实现基础的 运行 打包 下个版本 更新时间预估为下个月 这个月忙 1.自动更新 2.更加丰富的菜单配置案例(持续,部分更新) 3.

    1.4K00编辑于 2022-03-11
  • 来自专栏刷题笔记

    7-3 打印沙漏

    点这里 7-3 打印沙漏 本题要求你写个程序把给定的符号打印成沙漏的形状。 例如给定17个“*”,要求按下列格式打印 ***** *** * *** ***** 所谓“沙漏形状”,是指每行输出奇数个符号;各行符号中心对齐;相邻两行符号数差2;符号数先从大到小顺序递减到1 要求打印出的沙漏能用掉尽可能多的符号。 输入格式: 输入在一行给出1个正整数N(≤1000)和一个符号,中间以空格分隔。 输出格式: 首先打印出由给定符号组成的最大的沙漏形状,最后在一行中输出剩下没用掉的符号数。 2.在按行数打印三角形,正三角形和倒三角型 3.最后输出剩余的个数。

    62320发布于 2019-11-08
  • 来自专栏码客

    Electron集成Vue Cli3创建项目

    Vue CLi3环境配置 卸载旧版本 npm uninstall vue-cli -g# OR yarn global remove vue-cli 安装新版本 npm install -g @vue/ cli# ORyarn global add @vue/cli 检查其版本是否正确 (3.x) vue --version 创建项目后添加依赖 vue ui 安装插件 vue-cli-plugin-electron-builder 插件官网地址: https://nklayman.github.io/vue-cli-plugin-electron-builder/ 选择Electron版本为5.0.0 Electron5.0 , trying 4 more times Failed to fetch extension, trying 3 more times Failed to fetch extension, trying LICENSE.txt文件的编码必须为GBK编码 页面加载方式 之前直接用Electron写的代码,后来要结合Vue Cli3创建的项目,本来想的是直接把Electron的代码放在Vue的public目录中

    2.8K20发布于 2020-05-09
  • 基于Electron的Web打印解决方案:web-print-pdf技术分享

    web-print-pdf是一个基于Electron的跨平台Web打印解决方案,专为Web应用提供强大而灵活的打印能力。它通过创新的架构设计,完美解决了Web打印的各种技术难题。 强大的PDF配置选项支持丰富的PDF生成配置,实现精确的打印效果:const pdfOptions = { // 纸张格式:A0、A1、A2、A3、A4、A5、A6、Letter、Legal等 多格式支持与高质量输出支持HTML、URL、Base64、图片等多种输入格式高质量PDF生成,完美还原Web页面样式支持CSS3所有特性,保持字体和颜色一致性2. 批量处理与高性能支持批量任务处理,提高工作效率WebSocket实时通信,异步任务队列内存优化管理,稳定可靠3. 安装npm包npm install web-print-pdf3.

    1.1K10编辑于 2025-08-08
  • 来自专栏python3

    Java循环练习:打印图案-3

    package practiceGO; /*  * A  * BB  * CCC  * DDDD  * EEEEE  */ public class Cto { public static void main(String[] args) { for(int i=0; i<5; i++){ for(int j=0; j<(i+1); j++){ System.out.print((char)('A'+i)); } System.out.println(); } } }

    98410发布于 2020-01-17
  • 来自专栏联远智维

    3D打印初步(一)

    3D打印(增材成型)技术突破了传统成型方法,不需任何附加的传统模具制造和机械加工就可以制造出各种形状复杂的原型,使得产品的设计生产周期大大缩短,生产成本大幅下降。 根据不同的打印堆积方式,3D 打印技术主要可分为熔融沉积快速成型(FDM)、光固化成型(SLA)以及选择性激光融化成型(SLS)三种类型,本文对不同打印方式的优缺点进行简要总结,具体如下: No.1 熔融沉积快速成型 熔融沉积快速成型凭借打印成本低、设备成本小、对环境无污染、操作简便等优点,成为 3D打印技术主流打印形式,主要具有的优点为: 1、应用材料广泛,如工程塑料 ABS、聚乳酸 PLA、聚碳酸酯 PC 等热塑性丝状材料 同时FDM方法也有相应的缺点,具体为: 1、成型后表面较为粗糙,精度一般低于0.1mm; 2、需要支撑结构; 3打印速度较慢。 No.2 各种工艺的优缺点比较 光固化成型以及选择性激光融化成型所使用的机器成本较高,因此,大部分高校实验室(除了专门研究3D打印技术的实验室)不会采购专门的设备,其主要的原理为: 图1 光固化成型(

    1.4K20编辑于 2022-01-20
  • 来自专栏前端开发随笔

    Electron处理electron:build打包问题

    执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包,如果没有的话会从github上拉去, 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题

    2.5K10发布于 2021-11-24
  • 来自专栏全栈程序员必看

    electron 安装_electron修改文件描述

    全家桶1年46,售后保障稳定 回车,进入F盘, cd node 回车,进入node文件夹, node -v 回车,查看node版本, npm -v 回车,查看npm版本,若出现版本号,表示安装成功; 3、 ,命令如下: cnpm install -g electron 5、输入命令: electron -v 查看electron版本,若出现版本号,表示安装成功; 6、输入命令: cnpm install -g electron-packager 打包输出工具; 7、下载并安装electron客户端; 8、新建一个项目文件夹,自命名,例如:test1; 9、在 test1 中创建:pakage.json 、index.html、main.js 三个文件; 10、通过拖拽 test1 文件夹到 electron客户端,或者在cmd控制台中使用命令打开文件, F:\electron1\electron.exe </body> </html> main.js: const electron = require('electron'); // Module to control application life.

    1.7K20编辑于 2022-11-16
  • 来自专栏CY

    Electron

    Electron .npmrc 安装electron依赖经常会不成功 在项目目录下创建.npmrc文件,设置镜像地址 npm config set strict-ssl false registry =https://registry.npmmirror.com electron-mirror=https://registry.npmmirror.com/mirrors/electron/ 热更新/ 热加载 方案一 安装:npm install electron-reloader --save-dev 在主进程 js 文件 try { require("electron-reloader")(module 再次运行npm run start,仅当index.js内容变化时,就会自动重新执行electron .来重启应用 菜单栏与边框 app.on("ready", () => { mainWindow 在 Electron 中,借助 Tray 模块实现。 //app 模块,控制整个应用程序的事件生命周期。 //BrowserWindow 模块,它创建和管理程序的窗口。

    65320编辑于 2024-04-19
  • 来自专栏dmhsq_csdn_blog

    dmhsq-vue3-vite-electron Version0.0.1

    dmhsq/vue3-vite-electron Version0.0.1 仓库地址 https://gitee.com/dmhsq/vue3-vite-electron 可使用 脚手架 (还没完善但是可以用 然后忽略第一行 按步骤走 或者 dmhsq-cli init --name projectName --template templateName templateName 可选如下 react-ts-electron vue-electron uni-app-electron 封装了如下 image.png Apis this. $electron.render 类似于 渲染进程 可使用渲染进程能用的方法 this.$electron.main 类似于 主进程 可使用主进程能用的方法 this. axios 可以配置 vue-router来实现弹出窗口做某些事 如 设置 url为 xxxx#settings 然后settings为配置页面 可配置 electron-store来实现配置文件

    74920编辑于 2022-04-13
  • 来自专栏Java Web

    【译】3D打印:介绍

    今天,我们将深入探讨3D打印的世界,以及它在未来几年为我们和全世界带来的真正体验。 什么是 3D 打印 ---- 基本上3D打印可以描述为:通过使用3D打印机使用3D建模技术建好的物品。 并且没有向当局登记 尽管3D打印改变了原型设计的工作原理,但存在许多误解: 3D打印速度慢,速度很慢 因此无法用于创建同一对象的批次 有限的可用材料(供业余爱好使用) 3D打印部件坚固但不如模塑或铸造部件 (主要用于塑料)强 3D 打印的类型 ---- 3D打印不是一种技术,有多种不同的方法可以创建3D打印。 巧克力和面团等简单物品已经可以3D打印,基于FDM方法,可食用物体逐层打印。有“机器人”可以打印更复杂的项目,但这些不是真正的3D打印机和更自动化的装配机,3D打印和装配之间的界限可能会变得有点模糊。 目前还不能用原料基础成分打印全部食物。随着时间的推移,这无疑将得到进一步发展。 3D 打印入门 ---- 开始使用3D打印并不容易,这可能非常令人生畏。

    1.5K30发布于 2019-06-15
领券