随笔分类 - 开发问题记录
用于记录开发中遇到的奇怪问题
摘要：开发过程中发现 Taro 3.x 还未支持微信小店组件 store-product, 无法在 TSX 内直接使用 <store-product/> 标签 搜了一下，并未有很多例子可供参考，可能微信小程序内嵌入微信小店商品的需求不大... 又是趟坑的一天 拿官方的例子改了后居然成功实现了微信小店商品的
阅读全文
摘要：偶然发现微信小程序的 video 无法像 Image 对象那样设置 mode='widthFix' 实现宽度100% 高度自适应 尝试了各种网上的方案都不可行。 要实现高度自适应需要2个条件: 知道视频的真实宽，高 设置 css 的 aspect-ratio 与 height 在小程序内上传视频 调
阅读全文
摘要：开发过程遇到一个问题 异步去一个 cdn 上请求一个自定义 JSON 格式的文件报了一个 preflight 错误 has been blocked by CORS policy: Response to preflight request doesn't pass access control c
阅读全文
摘要：网页获取麦克风或摄像头权限我们只需调用 navigator.mediaDevices.getUserMedia 方法就可唤起浏览器用户授权 const useMicphone = async () => { try{ let mediaStream = await navigator.mediaDe
阅读全文
摘要：开发过程中命令行工具（powershell、terminal）内无法看到 console.log 输出 Eelectron 的在开发过程中主进程 NodeJS 内往往需要 console.log 来进行简单的调式 渲染进程的 console.log 输出到开发工具控制台中，这和浏览器中的 web 调
阅读全文
摘要：Nodejs 命令行调用 exec 与 spawn 差异 比如在前端工程项目中 Nodejs 要调用命令行命令如： yarn electron:build exec 调用 yarn 命令，为了能使命令行能实时打印输出正在编译的命令 以异步形式调用 exec 使用 stdout.on 方式监听标准输出
阅读全文
摘要：有个需要是需要在安装包安装初始化时安装 Microsoft Visual c++ 2013 Redistributable 也就是判断软件安装前需不需要运行 `vcredist_x64.exe` 和 `VC_redist.x64.exe` 这两个程序 第一反应就是可以通过注册表判断是否已经安装过环境
阅读全文
摘要：
在做 Electron 项目时，有个需求是安装包安装时要给客户机上装上某个软件 在查看 Inno Setup 官网后发现是通过 .iss 脚本编写实现自定义安装过程 可在 .iss 内可以添加脚本为安装过程添加逻辑 为了测试方便我用 vite 新建一个全新的 electron 项目 用的是这个脚手架
阅读全文
在做 Electron 项目时，有个需求是安装包安装时要给客户机上装上某个软件 在查看 Inno Setup 官网后发现是通过 .iss 脚本编写实现自定义安装过程 可在 .iss 内可以添加脚本为安装过程添加逻辑 为了测试方便我用 vite 新建一个全新的 electron 项目 用的是这个脚手架
阅读全文
摘要：Electron 项目使用vue-cli-electron-builder创建，原来我的 Mac 上编译都很正常 自从 Mac 升级到 mac OS ventura version 13.0.1 后打包报错，electron-builder 编译 dmg 安装包编译不出来 报如下错误 • build
阅读全文
摘要：现象： 打包后的 electron 程序 运行在某些 windows 上白屏 项目情况： vue3.0 项目使用 vue-cli 创建 使用 vue add electron-builder 添加打包插件 测试判断：经测试在某些 windows 电脑上 browerWindow 执行 loadURL
阅读全文
摘要：手上正在开发的项目是vue3.0 通过添加 vue-cli-plugin-electron-builder 插件生成 electron 项目，项目在开发过程中发现 beta版的 vuejs-devtool 果然不稳定会出现卡死现象vuejs-devtool 开发工具 是由 vue-cli-plugi
阅读全文
摘要：项目中需要把前端代码用 electronjs 打包成 windows 安装包 使用的是开源的 inno setup 制作安装包 官网 虽然 ElectronJS 也有 electron-builder 制作安装包的插件，为什么要使用这软件来制作安装包？ 1、因为可以更好的自定义安装过程 2、elec
阅读全文
摘要：如何实现蓝色小圆可拖动，并且边界限制在灰色大圆内？如下所示 需求源自 业务上遇到一个组件需求，设计师设计了一个“脸型整合器”根据可拖动小圆的位置与其它脸型的位置关系计算融合比例 如图 我们先把具体的人脸功能去掉再分析 中间的蓝色小圆可由鼠标拖动，但拖动需要限制在大的圆形内 以下代码全部为 vue3.
阅读全文
摘要：使用 electron 打包的 pc 应用，用于直播软件推流的 OBS 捕获窗体黑屏 现象：唯独chrome浏览器 edge 浏览器等，其它窗体都正常。 猜测：是由 chromium 内核引起的 修改测试： 1、chrome 设置->搜索 硬件加速 关闭 chrome 硬件加速功能 2、electr
阅读全文
