- 博客(160)
- 收藏
- 关注
RSS订阅原创 electron-vue无网络环境，读取本地图片/文件展示在页面vue中protocol
摘要：本文介绍了在Electron应用中实现自定义协议(app://)来加载本地图片的方法。通过注册特权协议并实现protocol.handle拦截器，将app://路径转换为本地文件路径，使用net.fetch获取图片资源。同时配置Vue端的Content-Security-Policy允许app协议，并通过CSS设置背景图样式。这种方法解决了浏览器不支持直接访问file://协议的问题，实现了本地图片的安全高效加载。
2026-01-12 15:42:14
193
原创 2025.electron-vue3-sqlite3使用
在app,vue中打印window,其中已经添加了electron对象和它的方法,ipcRenderer就是用来通信的，所以在app.vue中执行以下代码触发了cmd控制台打印证明调用到了main中的方法，通信完成。一些写法，可以在preload中直接使用ipcRenderer，通过api将内容直接绑定到window上，在vue文件中直接调用方法名（看起来好看很多。preload即可以访问window,也可以获取main中定义的事件，而mian中访问不到window，浏览器操作不了复杂node。
2025-12-28 01:05:14
414
原创 安装better-sqlite3报错electron-vite
如果下载了重启cmd运行npm install better-sqlite3还是错误可能是sqlite必须的c++工具包没下，连接如下。
2025-12-28 01:01:55
489
原创 electron运行项目better-sqlite3连接失败的问题，ABI版本不匹配，使用使用 electron-rebuild 重新编译
为解决better-sqlite3连接失败，错误如下，是编译版本的事情，使用electron-rebuild。//npx electron-rebuild报错信息如下。
2025-12-28 01:00:43
977
原创 安装sqlite3报错找不到c++/python/nodegyp错误，electron-vite，下载Visual Studio，配置vc环境变量
摘要：NPM安装过程中出现多个包已废弃的警告，包括@npmcli/move-file、npmlog等。主要错误源于Visual Studio构建工具缺失，提示缺少Windows SDK和C++桌面开发组件。解决方案包括：1)下载Visual Studio 2022构建工具，确保安装C++桌面组件和Windows SDK；2)配置环境变量指向VC工具路径；3)检查Python安装和Node.js版本是否满足要求。完整错误日志可在指定路径查看。
2025-12-28 00:30:07
356
原创 el-table-v2element plus+大量数据展示虚拟表格实现自定义排序，选择样式调整行高亮
2.使用cellRenderer，headerCellRenderer构造表格的头部和表结构。
2025-12-24 16:18:17
226
原创 装Maven并在idea上配置
6.在idea中配置（项目依赖下载），打开setting设置，应用确认后等底部提示加载完成。1）插入下载本地文件位置，前后文标签如图，地址为新建的repository文件夹路径。3）jdk版本，cmd输入javac-version,找到大版本号，这里11。2）将变量MAVEN_HOME添加到系统变量的path中。右击此电脑=》选择属性=》高级系统设置=》环境变量。2.解压到想装的目录里，解压目录如下，在文件夹下。1）新建系统变量1个，路径为解压的文件夹路径。找到该文件，记事本打开。
2025-12-19 15:33:27
326
原创 安装java环境，安装jdk,jre,配环境win11,配置到idea
6.在系统变量的path中加入%JAVA_HOME%\bin，%JAVA_hOME%\jre\bin，并删除其他的含有javajdkjre的路径。2.创建一个安装位置，在想装的位置创建java文件夹，并在该文件夹下创建jdk，jre文件夹，可以带版本号好区分。4.安装后单击关闭并等待，一会会弹出jre的安装，网不好会等一会，选择jre的自己安装位置。5.设置环境变量，在此电脑里，选择属性，找到高级属性，选择环境变量，在系统变量里添加。JAVA_CLASS,JAVA_HOME,地址为jdk,jre地址。
2025-12-17 21:31:42
224
原创 仿element简单全局无遮挡badge-fixed,在el-table的表头中使用不受table层级影响
【代码】仿element简单全局无遮挡badge-fixed,在el-table的表头中使用不受table层级影响。
2025-07-10 15:55:52
171
原创 vue3子组件需要调用父组件的函数，需要返回值
emit事件方法是用来更新父组件数据触发监听，没有返回值。子组件要根据不同父组件的处理拿到变化的值。解决方法：将函数作为props传入子组件。
2025-05-08 09:14:51
465
原创 windows装多版本python
windows安装多版本python并使用One or more issues caused the setup to fail. Please fix the issues andthen retry setup, For more information see the log file.0x80070666-已安装这个产品的另一个版本。这个版本的安装无法继续。要配置或删除这个产品的现有版本，请用"控制面板"上的"添加/删除程序”
2025-03-19 11:59:57
1488
原创 poetry使用
6.如果安装列表里有下载的模块，但运行仍然显示确实该模块，是没有选择该项目虚拟环境中的python当解释器，配置运行的py文件解释器为vent中的。在设置中找到解释器配置，在目录里找到python.exe，选择应用确定，等待读条更新配置。选刚才配置那个解释器，本项目下vent中的，点击应用，确定。配置运行状态解释器，点击箭头的下拉列进入运行文件解释器配置。3.自动生成依赖文件和vent虚拟环境，管理本项目下载包。package name 填入口文件名。5.查看都安装了什么包。
2025-03-18 21:45:20
626
原创 Poetry安装，windows自定义安装位置
2.继续在命令行中输入如下命令，通过下载文件下载，地址改为想安装的自定义的路径地址这里是D:\Poetry。3.跟据提示选择永久配置环境变量（A)，或者每次运行poetry命令前配置(b)复制引号内容。1.下载安装程序，打开shell,cd到一个容易找的目录下载预下载文件。4.检查命令，重新打开cmd。下载好了目录文件如下。
2025-03-18 20:34:57
712
原创 使用python 并提供一个本地接口
4.运行py文件,运行成功控制台显示run地址，开始监听。5.get接口浏览器请求地址返回内容。3.创建一个py文件。
2025-03-17 22:00:24
230
原创 通过$attrs传递的未指定名称的modelValue值在子组件中修改
传递了两个参数 defaultFirst，和v-model的data.type。3.要在子组件中改变data.type的值,js$arrts不支持修改。$emit('update:modelValue', '新值')
2025-02-27 15:59:59
434
原创 一个根据输入内容过滤下拉选的组件
1.element的select自定义过滤不是很灵，使用了input和dropdown。handleSelect赋值。
2025-02-14 15:45:31
390
原创 h函数使用js中创建html标签radio
4.构建一个单选框组就需要多个单选框，将这些单选框关联的是其name属性，即同组单选框name需要相同，正常html中会被form标签包裹方便提交。6.不操作dom遍历获取当前选中值，即给每个单选框设置点击事件，点击后给变量radio赋值，由radio值判断选中。一个单一功能小弹窗开vue文件太麻烦，使用ElMessageBox的自定义html功能实现。5.checked属性的true/false决定该组单选框中默认激活选中哪一个。3.设置属性type为radio即变成radio单选框，
2024-12-12 09:49:20
300
原创 vbs给qq发送消息
str为发送内容，uin=改为q号，点击vbs文件主动触发。1.vbs 新建文本文档，将代码粘贴，另存为a编码，后缀vbs。发表情qq快捷表情需要打开。qq可以enter发送消息。可以加入电脑的定时运行计划。python程序定时。
2024-10-21 11:47:03
400
原创 element select-tree懒加载
html isLeaf为true不显示展开图标，data是已获取的树形结构，遍历需要懒加载将isLeaf设为false。
2024-08-22 08:41:44
610
原创 quasar安装了但quasar指令不生效quasar : 无法将“quasar”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次
quasar安装了但quasar指令不生效quasar : 无法将“quasar”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。npx quasar dev
2024-08-08 11:44:46
577
原创 天气曲线echarts
1. 用多x轴实现日期，图标，控制定位固定显示高度。3.设置grid的offset控制温度折线的范围。2.背景遮罩抛开echarts另外用div。echarts的options。遮罩层left值数组。
2024-08-01 15:53:49
462
原创 vue3 TinyMCE安装使用流程，上传图片，上传附件
2）tinymce是正常插件主体，tinymce原本支持的插件菜单找不到，node_modules\tinymce\plugins下可能缺少该插件同名文件3）@npkg中含有第三方插件tinymce-plugins文件夹，如果引入的第三方插件找不到可能是这个文件夹下缺失该插件4）tinymce/icons/default找不到，node_modules\tinymce下没icons文件夹
2024-05-17 14:36:39
4098
1
原创 pdfmake Font ‘Roboto‘ in style ‘bold‘ is not defined in the font section of或File ‘Roboto-Regular.t
pdfMake引入字体包的报错pdfmakeFont'Roboto'instyle'bold'isnotdefinedinthefontsectionofFile'Roboto-Regular.ttf'notfoundinvirtualfilesystem
2024-05-15 09:52:56
1393
原创 pdfMake,xlsx-js-style,elementTable表格导出大量数据的pdf和xslx表格
使用渲染dom传递给xlsx或将dom转canvas在传给jspdf数据量大都会造成页面负载过大所以导pdf和xlsx都使用数据传递给pdfMake,xlsx-js-style，pdf涉及分页与合并单元格
2024-05-15 09:15:49
788
原创 JSpdf，前端下载大量表格数据pdf文件，不创建dom
浏览器承受像素会图片损害，只能将其切割转成小块的canvas,每一次调用html2canvas等待时间都很长累积时间更长，虽然最终可以做到抽取最小dom节点转canvas拼接数据，但是死卡。数据量太大使用dom=》canvas=》image=》pdf.addimage方法弊端是canvas超出。使用line方法和text方法可以通过传递线坐标和文字位置在pdf页上画线和文字，组成表格。jspdf提供了不需要操作dom的方法，数组datalist结构。
2024-05-09 11:28:59
806
原创 vue3 jspdf，element table 导出excel、pdf，横板竖版分页
由于table内部的表格是由td，tr绘制的所以表头和表格本身必须使用插槽写div给固定的表格宽度和高度配合。3.pdf导出类似excel黑色边框白底黑字的文件，把el-table改成需要的样式，1.创建一个新的表格，设置pdf需要的样式，用vue的h函数放入dom中。导出方法调出弹窗，调用addTable方法dom创建成功后处理导出事件。多个表格需要，pdf需要的格式与原本展示的表格样式不同。5.pdf文件的尺寸和分页需要根据需求设置，主要方法是。虚拟构建的table的dom内容，和参数处理。
2024-04-30 15:11:47
2040
1
原创 echartstool tips多曲线显示数据处理，保留小数位自定义tooltips样式
参照原图写的样式，返回是个数组，数组中包含曲线颜色marker的html，当前点x，y值。
2024-02-04 10:13:09
668
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人