electron尺寸
npm安装electron失败解决办法
按照别人的教程把uniapp打包成exe程序总是出错，卡在安装electron这一步，搞来搞去，终于摸清楚了原因。 1、首先用nvm把node切换到14版本，没有就安装。 nvm install 14 这时你会发现太慢了！ 然后你必须去nvm根目录把settings.txt改一下配置，新增以下两项： ......
electron+vue在线编辑Office Word?
Electron 桌面应用是基于 Chromium 内核的，而谷歌Chrome取消了对PPAPI插件支持后，在线Office方案纷纷失效，只能更换国产浏览器在低版本浏览器苟延残喘，不能用于electron+vue项目。 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可 ......
electron+vue网页直接播放RTSP视频流？
目前大部分摄像头都支持RTSP协议，但是在浏览器限制，最新版的浏览器都不能直接播放RTSP协议，Electron 桌面应用是基于 Chromium 内核的，所以也不能直接播放RTSP，但是我们又有这个需求怎么办呢？ 市场上的方案很多，有很多免费开源的，同时也有比较成熟的商业软件，丰俭由人，大家可以自 ......
招投标系统是Electron的纯内网编辑Office Word，可以设置部分区域可编辑，其他的地方不能编辑吗？
问题： 我们是招投标系统的开发公司，框架是用的Electron，需要在纯内网的环境下编辑Office Word，可以设置部分区域可编辑，其他的地方不能编辑吗（如下红框位置）？并且在用户忘记填写一些区域的时候做提醒。 回答： 可以实现，猿大师办公助手支持Electron框架，并且支持纯内网部署。 猿大 ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
electron-builder
electron-builder打包工具 首先，确保你的项目中已经安装了 electron-builder。可以在项目根目录下运行以下命令来安装它： npm install electron-builder --save-dev 在你的项目根目录下创建一个 electron-builder.yml ......
electron-forge打包，更改logo
package.json "config": { "forge": { "packagerConfig": { "appVersion": "1.1.4", "icon": "./icon/icon.ico", "name":"项王零售收银系统", "appCopyright": "siki" }, ......
小尺寸、可节省电路板空间的 MCS1801GS-25、MCS1801GS-12、MCS1800GS-12、MCS1800GS-25霍尔效应电流传感器
典型应用： •电机控制•汽车系统•负载检测和管理•开关模式电源•过流故障保护 器件说明： MCS180x线性霍尔效应电流传感器具有小尺寸，可节省电路板空间，非常适合空间受限的应用。该系列采用SOIC-8封装，提供卷带选项。MCS180x模块用于交流和直流电流检测。霍尔阵列是差分的，它抵消了杂散磁场。 ......
Electron 窗口尺寸
相对于屏幕左上角，窗口打开位置 x:200 y:300 默认展示窗口，不展示更改设置 show:false 设置窗口大小 width:800 height:400 可以通过 min max 来设置当前应用窗口的最大和最小尺寸 maxHeight:600, maxWidth:1000, minHeig ......
Electron
1、安装 RequestError: connect ETIMEDOUT 20.205.243.166:443 解决： 1.npm config edit 打开配置文件 2.修改配置 electron_mirror=https://npm.taobao.org/mirrors/electron/py ......
Electron生命周期事件
ready：app初始化完成被触发一次（用户执行加载窗口的初始化-createwindow） dom-ready：当前窗体中的文本加载完成后触发 did-finsh-load：导航完成时触发（发送在dom-ready之后） window-all-closed：所有窗口都被关闭时触发（如果没有该事件的 ......
Electron简单使用
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本 ......
Electron 环境搭建
下载electron 官网提供的案例 克隆示例项目的仓库 ： git clone https://github.com/electron/electron-quick-start 进入这个仓库： cd electron-quick-start 安装依赖并运行: npm install npm sta ......
解决Flexbox布局在缩小尺寸时会丢失比例
{ flex-shrink: 0;//flex 容器的初始设置是flex-shrink: 1.默认情况下，允许 flex 项目缩小到任何定义的width,height或之下flex-basis min-width: 0;//初始设置是min-width: auto,默认情况下，弹性项目不能小于其内容 ......
Electron工作流程
Electron 不同层级作用 实例 ，音乐应用实现 主进程职责 可以看做是package.json 中的main属性对应的文件 一个应用只会有一个主进程 只有主进程可以进行GUI的原生API操作 渲染进程如果需要调用原生API，仍是先经过主进程 可以管理所有的web界面和web界面对应的渲染的进程 ......
electron 技术架构
Electron核心组成 核心总结 Chromium：支持最新特性的浏览器（支持ES6及其他版本的新语法） Node.js: Javascript 运行时，可实现文件读写等（本地命令调用和执行操作） Native APIs：提供统一的原生界面能力（与操作系统通信，如操作系统的通知、快捷键、获取底层硬 ......
js 上传图片文件，限制格式、大小和尺寸
通过js限制上传图片 前言 做前端项目时，经常会用到form表单，偶尔也会用到input标签来提交上传图片文件。在上传文件时，有时候会有一定的条件，比如图片格式、大小及尺寸。 通过js，可以在前端来设置上传图片的格式、尺寸及大小，并验证。 主要方法 1、设置上传图片的格式 jsp代码，设置form表 ......
electron的渲染进程使用axios时被csp安全拦截的解决方案
1、问题出现场景 脚手架用的是electron-vite，渲染进程是vue3+pinia+vue-router，http请求是使用的axios，在发起请求时发现控制台报csp问题 2、原因分析 csp其实就是跨域问题，不支持非同源的资源访问，以往开发普通的vue项目时因为有脚手架里的代理，所以不会出 ......
不知道父部件的尺寸，限制子部件的尺寸
当不知道父部件的尺寸时，可以使用以下方法来限制子部件的尺寸： 使用FractionallySizedBox小部件 FractionallySizedBox根据父部件的尺寸的一部分来调整子部件的尺寸。widthFactor和heightFactor指定了子部件相对于父部件的宽度和高度的比例。 例如，w ......
优化减小docker images 尺寸
什么是 docker？Docker 是一种容器引擎，可以在容器内运行一段代码。Docker 镜像是在任何地方运行您的应用程序而无需担心应用程序依赖性的方式。 要构建镜像，docker 使用一个名为 Dockerfile 的文件。Dockerfile 是一个包含许多指令（RUN、COPY、EXPOSE ......
让当前元素的width或者height达到父元素的尺寸
double.infifinity 和double.maxFinite可以让当前元素的width或者height达到父元素的尺寸； 区别： 我想成为我的父母所允许的最大的(double.infinity) 一些小部件允许他们的孩子像他们想要的那样大。 ......
Electron 或 Node.js 判断当前设备是否支持触摸屏
在 Windows 系统上，可以通过注册表项 `HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\Tablet PC\IsTabletPC` 获取当前设备是否支持触摸屏 ......
Electron的使用技巧及打包超时解决该当
打包出错：An unhandled rejection has occurred inside Forge:RequestError: Socket connection timeout 错误本质是链接超时 解记方案 项目根目录创建文件：.npmrc 增加内容：electron_mirror=htt ......
electron-vite导出多个preload
在electron-vite创建项目的时候，src目录下会建立三个目录 第一个是主进程文件，第二个是预渲染进程文件，第三个是渲染进程文件 对于preload，默认的是导出下面的index.ts到out/preload下面，但是如果我们想导出多个preload，应该怎么设置？ 在electron.vi ......
electron老框架打正式包
一、 将call set_env.bat添加到build.bat和package.bat文件中 二、修改set_env.bat文件内的地址 WORKSPACE为项目代码地址 NODEJS_HOME为nodejs地址，查找方式（cmd中输入where node） YARN_HOME为yarn地址，如果 ......
electron项目同一壳版本号（目录）实现安装信息和内容不同（少量不同）
一、通过electron层的scripts中的build.nsi文件修改安装生成的set.ini文件内容 SetShellVarContext all /* 把当前安装包的名字写入set.ini，便于程序读取并设置{setupname}参数 */ IfFileExists "$INSTDIR\set ......
electron-builder打包过程中报错——网络下载篇
https://github.com/electron/electron/releases/download/v8.2.0/electron-v8.2.0-win32-x64.zip 下载地址： https://github.com/electron-userland/electron-builde ......
Electron 开发过程中主进程的无法看到 console.log 输出怎么办
开发过程中命令行工具（powershell、terminal）内无法看到 console.log 输出 Eelectron 的在开发过程中主进程 NodeJS 内往往需要 console.log 来进行简单的调式 渲染进程的 console.log 输出到开发工具控制台中，这和浏览器中的 web 调 ......