- 博客(56)
- 收藏
- 关注
RSS订阅原创 Vue3实现键盘字母筛选功能
本文介绍了基于Vue3实现表格键盘筛选交互的方法。通过监听键盘事件，用户可用字母键筛选首字母匹配的表格数据，重复按键可循环查找。实现要点包括：鼠标移入/移出时动态添加/移除键盘监听；处理按键事件筛选匹配数据；使用scrollIntoView实现选中行平滑滚动；采用组合式API和a-table组件展示数据。文章提供了完整代码示例，包含表格配置、事件处理、数据匹配和滚动定位等关键功能，有效提升了表格操作体验。
2025-06-10 17:13:48
343
原创 Vue3实现拖拽改变元素大小
摘要：实现了一个可拖拽调整宽度的左右分栏布局组件，使用Vue 3的Composition API开发。核心功能包括：通过mousedown事件触发拖拽，计算鼠标移动距离动态调整左侧宽度(30%-70%范围)，并设置最小100px最大800px的宽度限制。CSS采用flex布局实现整体结构，右侧宽度自动填充剩余空间。组件包含拖拽状态管理、鼠标样式改变和文本选择禁用等交互细节，通过监听mousemove和mouseup事件完成完整的拖拽交互流程。
2025-06-05 17:16:08
202
原创 Vue3使用vue-web-screen-shot实现截图功能
Vue-web-screen-shot是一款仅支持Vue3的截图插件，官方地址为npmjs.com。安装方式为npm install命令，在main.js中导入并配置后即可使用。该插件提供屏幕截图功能，可通过按钮触发，截图结果以base64格式返回。使用示例展示了如何通过点击按钮激活截图组件，以及如何接收和处理截图数据。插件支持销毁组件和获取图片数据等回调功能，适用于需要网页截图功能的Vue3项目。
2025-05-30 16:53:21
445
原创 electron开发百度桌面应用demo及如何打包应用
本文介绍了使用Electron框架开发桌面应用的完整流程。首先创建入口文件main.js，配置800×600窗口并加载百度URL，同时添加自定义图标。接着测试启动项目，最后通过Electron Forge进行打包：安装配置后添加应用图标并解决打包错误，最终生成out文件夹中的可分发文件。整个过程涵盖了从开发到打包的核心步骤。
2025-05-28 18:27:10
711
原创 使用electron创建应用程序的基础步骤
本文介绍了Electron应用的快速搭建步骤：1）初始化项目并安装Electron依赖；2）创建基础HTML页面；3）编写主进程代码创建浏览器窗口；4）配置启动脚本。实现了一个简单的桌面应用框架，运行后显示"Hello from Electron renderer!"文本。通过npm start即可启动应用，适合Electron入门开发者参考。
2025-05-28 15:37:20
609
原创 基于 Vue3 与 exceljs 实现自定义导出 Excel 模板
本文介绍了如何在Vue3项目中使用exceljs和file-saver库实现自定义Excel模板的导出功能，并在特定列（如性别列）添加下拉框数据验证。首先，通过npm安装exceljs和file-saver依赖。接着，在Vue组件中创建导出函数，使用exceljs生成工作簿和工作表，设置表头和列宽，并通过循环为指定列添加数据验证规则。最后，利用file-saver将生成的Excel文件保存到本地。文章还提出了扩展思考，如将模板配置化、数据校验以及优化大数据量导出的性能。
2025-05-23 16:23:12
747
原创 Vue 3 实现 Excel 表格解析的完整指南
本文介绍了如何在Vue3项目中使用ExcelJS库解析Excel文件并将数据展示在前端页面上。首先，通过npm install exceljs安装依赖库。接着，在模板部分设置文件上传按钮和表格展示区域，使用<input type="file">元素实现文件选择功能。在脚本部分，通过FileReader读取文件内容，利用ExcelJS库解析Excel文件，并将数据存储在data数组中，最后通过<a-table>组件展示数据。文章还提供了注意事项和优化建议，如支持更多文件格式、数据验证、性能优化和错误处理，以提
2025-05-23 15:02:21
719
原创 Vue3 图片裁剪功能实现
在现代 Web 开发中，图片裁剪是一项常见需求，尤其在用户头像上传、图片编辑等场景中非常实用。本文将基于 Vue3 和库，详细讲解如何实现一个功能完善的图片裁剪组件。
2025-05-16 18:13:00
369
原创 Vue 图标动态加载：Ant Design Vue 的 a-tree 图标实现与优化
为图片添加错误处理逻辑，确保用户体验。路径在运行时无法正确解析为图片路径。中根据节点数据动态显示不同的图标。：将图片路径集中管理，避免重复代码。解决方案：通过动态导入图片资源（错误示例是使用直接引入。
2025-04-15 17:29:32
370
原创 前端小白进入公司后工作流程 保姆级！新手小白必看！
首先我们要了解的是公司开发流程，一般来说公司都会有研发总监、研发主管、研发组长、产品经理、项目经理、运维、测试、前端开发、后端开发、UI设计等其他人员，那在我们前端开发时需要哪些人员支持呢？比如现在我们在开发一个项目，项目前期会有产品去和研发相关人员对接项目需求，对接好以后具体需求是由开发人员的直接领导去安排，比如主管或者组长。需求分配好以后，需要UI设计支持我们原型图，后端支持我们API。在与UI和后端对接时，及时沟通是关键！
2025-04-03 11:01:49
323
2
原创 nginx与openSSL版本不兼容问题
本人先前使用的nginx-version为1.18.0，openSSL-version为3.0.2；在源码的安装过程中，出现以下报错查阅资料得知nginx1.18.0与openSSL 3.0不兼容，我将nginx升级到1.22.0-version解决了此问题。
2025-03-11 12:14:22
583
原创 Spring Boot 与 MyBatis 版本兼容性
初接触Spring Boot，本次使用Spring Boot版本为3.4.3，mybatis的起步依赖版本为3.0.0，在启动时报错，报错代码如下。
2025-03-03 11:34:52
1105
转载 AI、AGI、AIGC与AIGC、NLP、LLM，ChatGPT等概念
AIGC涉及到的领域和技术很广泛，其中很重要的一项技术就是NLP(自然语言处理)，之所以把这3个概念放在一起描述，这两年来，AIGC取得了令人瞩目的增长，有很大因素就在于自然语言处理（NLP），而推动NLP发展到的就是LLM（大型语言模型），也就是我们接下来学习的重点，该阶段让大家对大模型 AI有一个最前沿的认识，对大模型 AI 的理解超过 95% 的人，可以在相关讨论时发表高级、不跟风、又接地气的见解，别人只会和 AI 聊天，而你能调教 AI，并能用代码将大模型和业务衔接。到此为止，大概2个月的时间。
2025-02-10 17:52:37
102
原创 nginx配置ssl证书的方法
使用https://+域名地址访问项目，成功访问及配置成功！注:服务器防火墙记得开放443端口！若不清楚如何检查及重启可看上一篇文章。
2024-11-29 21:53:29
295
原创 vue3中使用swiper的方法及版本兼容问题
如果使用vue3开发尽量避免swiper6及以下版本(踩的坑很多)，我使用的swiper7.4.1开发中vue总是会遇到版本兼容性问题，每次都要调半天，很头疼....废话不多说，直接上方法及代码。
2024-11-12 18:10:07
1227
原创 video素材格式转换--mp4转webm(vue3+Nodejs)
工作中 有比较大的素材量 可直接上传文件等待转type即可 完成后下载视频。如图 证明安装成功！cmd 打开视频所在目录。
2024-11-05 18:19:21
693
原创 git stash命令的使用
工作中，若正在一个分支进行开发，而另一个分支出现bug，这时候，不想commit代码，我们就可以使用git stash将代码暂时存储起来，git stash就相当于一个临时暂存区，这样git status就会发现工作区是干净的，这时我们就可以切换分支去修改bug了。
2024-10-11 17:23:01
465
2
原创 Vue3中使用i18n实现国际化(中英切换)
目录结构─src├─locales└─lang└─en.js //英文语言包└─zh.js //中文语言包├─i18n.js //i18n注册。
2024-09-30 15:04:10
609
原创 git修改最近一次commit信息
1. git commit --amend 进入命令模式。2. 按o进入编辑模式，修改commit信息。4. :wq 保存编辑的信息 完毕！3. 修改完毕后，按ESC退出。
2024-09-25 17:54:45
198
原创 通过FileReader API获取上传音频的长度
调用FileReader API，并通过(window.AudioContext || window.webkitAudioContext)()创建音频上下文对象实现。注意:最后一定要记得调用readAsArrayBuffe来读取内容，不然获取不到FileReader的上下文。接口允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用。对象指定要读取的文件或数据。
2024-08-21 17:31:10
535
原创 Uniapp使用InnerAudioContext返回内部 audio 上下文 ，获取不到duration当前音频的长度，如何解决？
【代码】Uniapp使用InnerAudioContext返回内部 audio 上下文 ，获取不到duration当前音频的长度，如何解决？
2024-08-21 16:59:08
951
原创 Vue3中使用Ant Design Vue组件库中modal，如何改变其样式?
【代码】Vue3中使用Ant Design Vue组件库中modal，如何改变其样式?
2024-07-15 16:54:15
1052
原创 Vue3实现记住密码功能
npm i js-cookie // 使用Cookie来实现记住密码功能npm i jsencrypt //使用jsencrypt进行加密解密。
2024-06-25 10:47:04
901
原创 如何通过HTTP客户端（如axios或fetch）实现前后端交互
HTTP请求参数三种类型:查询参数（Query）、请求体参数（Body）、路径参数（Path）?{userId}
2024-06-13 15:33:30
386
1
原创 Vue3中跨组件传值(Mitt）
使用emit传值，使用on接收，最后不要忘记销毁，避免内存泄漏。2.在根目录下创建eventBus.js。3.组件间进行传值与接收值。
2024-06-02 21:38:21
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人