- 博客(54)
- 收藏
- 关注
RSS订阅原创 解决异步请求OBS图片偶发跨域问题
本文分析了前端通过fetch拉取华为云OBS图片时偶发跨域问题的原因及解决方案。核心问题在于浏览器缓存旧响应（未带CORS头）与OBS配置更新的时间差，导致间歇性跨域报错。通过配置cache:'no-cache'强制浏览器每次请求都校验缓存有效性，确保获取带正确CORS头的最新响应。相比默认缓存策略直接复用旧缓存，该方案通过增加轻量校验请求，既解决跨域问题又不影响性能。建议搭配完整的OBS CORS规则检查，从根源上规避此类问题。
2025-11-19 12:18:33
311
原创 无需域名！用 Cordova 把 Vue3 项目打包成原生 App（附详细步骤）
本文详细介绍了如何将Vue3项目通过Cordova打包成Android原生App的方法。主要内容包括：1. 前置环境配置（Android SDK、Java JDK、Gradle等必需工具）；2. Vue3项目打包为静态资源的注意事项；3. 使用Cordova创建项目并集成Android平台的步骤；4. 将Vue打包产物整合到Cordova项目中；5. 最终APK生成及常见问题解决方案。该方法无需原生开发知识，可复用现有Vue代码，适合快速将Web项目转化为原生App进行演示或小范围使用。
2025-09-30 14:46:52
625
原创 【保姆级教程】MasterGo MCP + Cursor 一键实现 UI 设计稿还原
本文介绍了如何通过MasterGo MCP与Cursor联动实现设计稿到代码的自动化还原。操作步骤包括：获取MasterGo个人访问令牌、配置Cursor的MCP服务、获取带LayerID的设计稿链接、使用Cursor一键生成代码。该方法可大幅提升UI开发效率，但需确保拥有MasterGo团队版权限、安装Node.js环境，并正确配置Token和设计稿链接。常见问题涵盖权限不足、配置错误和元素缺失等，文中提供了相应解决方案。新手按照指引即可轻松完成设计稿还原。
2025-09-19 15:36:21
2363
原创 Vue3 + xgplayer 实现多功能视频播放器：支持播放列表、自动连播与弹幕
本文介绍了基于Vue3和xgplayer实现视频播放器的完整方案。使用Vue3的CompositionAPI和<script setup>语法糖简化组件开发，集成xgplayer及其弹幕插件实现播放器核心功能。详细讲解了播放器初始化、播放列表切换、自动连播控制、弹幕展示和进度条标记点等关键技术实现。方案采用Flex布局构建播放界面，通过动态ID管理播放器实例，利用事件监听实现自动连播，并展示了如何配置弹幕样式和进度条标记。文章还提供了功能扩展建议，如弹幕发送、播放记忆等，为开发者提供了完整的视频
2025-09-18 21:06:52
716
原创 使用Spring Boot和PageHelper实现数据分页
摘要：本文介绍了在SpringBoot项目中利用PageHelper插件实现数据分页的完整流程。主要包括添加依赖、配置参数、创建实体类、Mapper接口和Service层，设计统一响应类以及Controller层的实现。通过PageHelper.startPage()方法可轻松实现分页查询，并提供了测试示例。该方案简化了分页开发，提高了代码可维护性，适用于图书管理等需要分页展示的场景。
2025-07-11 18:14:21
524
原创 Vue3实现拖拽改变元素大小
摘要：实现了一个可拖拽调整宽度的左右分栏布局组件，使用Vue 3的Composition API开发。核心功能包括：通过mousedown事件触发拖拽，计算鼠标移动距离动态调整左侧宽度(30%-70%范围)，并设置最小100px最大800px的宽度限制。CSS采用flex布局实现整体结构，右侧宽度自动填充剩余空间。组件包含拖拽状态管理、鼠标样式改变和文本选择禁用等交互细节，通过监听mousemove和mouseup事件完成完整的拖拽交互流程。
2025-06-05 17:16:08
537
原创 electron开发百度桌面应用demo及如何打包应用
本文介绍了使用Electron框架开发桌面应用的完整流程。首先创建入口文件main.js，配置800×600窗口并加载百度URL，同时添加自定义图标。接着测试启动项目，最后通过Electron Forge进行打包：安装配置后添加应用图标并解决打包错误，最终生成out文件夹中的可分发文件。整个过程涵盖了从开发到打包的核心步骤。
2025-05-28 18:27:10
786
原创 使用electron创建应用程序的基础步骤
本文介绍了Electron应用的快速搭建步骤：1）初始化项目并安装Electron依赖；2）创建基础HTML页面；3）编写主进程代码创建浏览器窗口；4）配置启动脚本。实现了一个简单的桌面应用框架，运行后显示"Hello from Electron renderer!"文本。通过npm start即可启动应用，适合Electron入门开发者参考。
2025-05-28 15:37:20
677
原创 Vue 图标动态加载：Ant Design Vue 的 a-tree 图标实现与优化
为图片添加错误处理逻辑，确保用户体验。路径在运行时无法正确解析为图片路径。中根据节点数据动态显示不同的图标。：将图片路径集中管理，避免重复代码。解决方案：通过动态导入图片资源（错误示例是使用直接引入。
2025-04-15 17:29:32
531
原创 前端小白进入公司后工作流程 保姆级！新手小白必看！
首先我们要了解的是公司开发流程，一般来说公司都会有研发总监、研发主管、研发组长、产品经理、项目经理、运维、测试、前端开发、后端开发、UI设计等其他人员，那在我们前端开发时需要哪些人员支持呢？比如现在我们在开发一个项目，项目前期会有产品去和研发相关人员对接项目需求，对接好以后具体需求是由开发人员的直接领导去安排，比如主管或者组长。需求分配好以后，需要UI设计支持我们原型图，后端支持我们API。在与UI和后端对接时，及时沟通是关键！
2025-04-03 11:01:49
422
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
1003
原创 Spring Boot 与 MyBatis 版本兼容性
初接触Spring Boot，本次使用Spring Boot版本为3.4.3，mybatis的起步依赖版本为3.0.0，在启动时报错，报错代码如下。
2025-03-03 11:34:52
1483
转载 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
195
原创 nginx配置ssl证书的方法
使用https://+域名地址访问项目，成功访问及配置成功！注:服务器防火墙记得开放443端口！若不清楚如何检查及重启可看上一篇文章。
2024-11-29 21:53:29
577
原创 vue3中使用swiper的方法及版本兼容问题
如果使用vue3开发尽量避免swiper6及以下版本(踩的坑很多)，我使用的swiper7.4.1开发中vue总是会遇到版本兼容性问题，每次都要调半天，很头疼....废话不多说，直接上方法及代码。
2024-11-12 18:10:07
1580
原创 video素材格式转换--mp4转webm(vue3+Nodejs)
工作中 有比较大的素材量 可直接上传文件等待转type即可 完成后下载视频。如图 证明安装成功！cmd 打开视频所在目录。
2024-11-05 18:19:21
887
原创 git stash命令的使用
工作中，若正在一个分支进行开发，而另一个分支出现bug，这时候，不想commit代码，我们就可以使用git stash将代码暂时存储起来，git stash就相当于一个临时暂存区，这样git status就会发现工作区是干净的，这时我们就可以切换分支去修改bug了。
2024-10-11 17:23:01
543
2
原创 Vue3中使用i18n实现国际化(中英切换)
目录结构─src├─locales└─lang└─en.js //英文语言包└─zh.js //中文语言包├─i18n.js //i18n注册。
2024-09-30 15:04:10
659
原创 git修改最近一次commit信息
1. git commit --amend 进入命令模式。2. 按o进入编辑模式，修改commit信息。4. :wq 保存编辑的信息 完毕！3. 修改完毕后，按ESC退出。
2024-09-25 17:54:45
221
原创 通过FileReader API获取上传音频的长度
调用FileReader API，并通过(window.AudioContext || window.webkitAudioContext)()创建音频上下文对象实现。注意:最后一定要记得调用readAsArrayBuffe来读取内容，不然获取不到FileReader的上下文。接口允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用。对象指定要读取的文件或数据。
2024-08-21 17:31:10
602
原创 Uniapp使用InnerAudioContext返回内部 audio 上下文 ，获取不到duration当前音频的长度，如何解决？
【代码】Uniapp使用InnerAudioContext返回内部 audio 上下文 ，获取不到duration当前音频的长度，如何解决？
2024-08-21 16:59:08
1174
原创 Vue3中使用Ant Design Vue组件库中modal，如何改变其样式?
【代码】Vue3中使用Ant Design Vue组件库中modal，如何改变其样式?
2024-07-15 16:54:15
1196
原创 Vue3实现记住密码功能
npm i js-cookie // 使用Cookie来实现记住密码功能npm i jsencrypt //使用jsencrypt进行加密解密。
2024-06-25 10:47:04
1049
原创 如何通过HTTP客户端（如axios或fetch）实现前后端交互
HTTP请求参数三种类型:查询参数（Query）、请求体参数（Body）、路径参数（Path）?{userId}
2024-06-13 15:33:30
447
1
原创 Vue3中跨组件传值(Mitt）
使用emit传值，使用on接收，最后不要忘记销毁，避免内存泄漏。2.在根目录下创建eventBus.js。3.组件间进行传值与接收值。
2024-06-02 21:38:21
426
原创 微任务与宏任务
总结来说，微任务和宏任务的主要区别在于它们在事件循环中的执行时机不同，微任务总是比宏任务更早执行，且在一个事件循环 tick 内，所有微任务会按照先进先出的原则被执行完毕。虽然延时设置为 0，但这并不意味着立即执行，而是将其放入浏览器的任务队列（Task Queue），等待当前执行栈为空时再执行，因此 "b" 不会立即输出。当所有同步代码执行完毕后，主线程会检查微任务队列并执行其中的任务，此时输出 "e"。，其回调函数也会被放入任务队列等待执行，因此 "d" 也不会立即输出。函数，输出 "a"。
2024-03-31 19:33:40
545
1
原创 Vue常见面试题(持续更新)
创建插件： 首先，你需要创建一个插件。Vue.js 插件通常包含一个installVue构造器和可选的options对象。// 在这里扩展 Vue 的功能，如添加全局方法、属性、指令或组件等methods: {// 添加全局方法// 自定义逻辑...},},});// 定义全局自定义指令// ...},});// 注册全局组件// 组件定义...});},注册插件： 创建完插件后，在应用中使用Vue.use()方法来注册插件。
2024-03-20 19:29:00
7976
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人