- 博客(35)
- 收藏
- 关注
RSS订阅原创 Vue3 + Ant Design Vue 实现多选下拉组件（支持分组、搜索与标签省略）
通用性强：可复用于任何多选列表场景技术点清晰：展示 Vue3 组合式 API + Ant Design Vue 高级用法扩展方向支持远程搜索，减少本地数据加载压力支持分组标题显示，优化用户体验支持自定义标签渲染，显示更多信息。
2025-09-03 16:51:19
1025
原创 Vue3 + Ant Design Vue 实现多选树形下拉框（TreeSelect）并自定义高度与样式
本文结合 Vue3 + Ant Design Vue，完成了一个可搜索、多选、支持层级显示、可自定义样式的树形选择组件。通过自定义样式，我们解决了多选下拉框高度、标签间距和占位符居中等问题，使组件在复杂业务场景下依然美观、实用。Ant Design Vue 的强大之处在于组件本身功能丰富，但 UI 细节仍然可以通过深度选择器:deep()灵活调整，满足各种业务需求。
2025-09-02 15:08:47
380
原创 Flutter 本地持久化存储：Hive 与 SharedPreferences 实战对比
是 Flutter 提供的轻量级存储方式，底层使用 Key-Value 形式存储，适合存储少量配置信息。Hive是 Flutter 社区非常流行的 NoSQL 本地数据库，支持持久化存储、加密和复杂数据结构，性能优于。特性Hive存储方式Key-ValueNoSQL 本地数据库适用场景配置项、布尔开关、少量数据列表、对象、大量本地数据性能适合轻量存储高性能，支持大规模数据存储数据类型基础类型（String/Int/Bool）支持复杂对象和数组易用性简单易上手初学需要配置，但功能更强大加密支持无。
2025-09-01 15:39:59
368
原创 Vue3 + MQTT + 高德地图 实现车辆在线状态与实时位置更新
通过以上实现，我们完成了一个前端的车联网实时状态更新模块，它的特点是：使用MQTT与后端实时通信；结合Pinia 全局状态，实现设备列表的响应式更新；用Map缓存数据，减少冗余处理；这种架构适用于车队管理系统、物流监控平台、共享出行系统等需要实时追踪车辆的场景 🚗📡。
2025-09-01 12:09:16
646
原创 Vue3 + 高德地图实现车辆电子围栏监控与报警
通过本文的实现，我们完成了一个通用的车辆电子围栏监控功能：支持多种围栏类型。支持进入/离开/双向报警。使用缓存机制避免重复告警。可与Vue3 + 高德地图无缝集成。在实际项目中，可以结合WebSocket 实时定位，实现车辆的实时监控 + 围栏告警系统🚀。
2025-08-27 18:33:38
445
原创 Vue3 + Vue Router + Ant Design Vue 实现动态面包屑导航（支持点击跳转）
通过以上方法，我们实现了一个动态可点击的面包屑导航组件，它具备以下优点：自动根据路由生成，无需手动维护。路径可读性强，可灵活映射中文名称。支持路径校验，避免跳转到无效页面。这种方式在后台管理系统和多层级页面应用中非常实用，大家可以根据自己项目的实际需求进行扩展。
2025-08-27 16:03:36
531
原创 高德地图地理编码 & 逆地理编码全解析：地址和坐标的双向转换实战
【代码】Vue 3 + TypeScript 项目中集成 高德地图 实现地图逆地理编码【经纬度转地址】和地理编码【地址转经纬度】
2025-08-08 19:12:44
256
原创 Vue 3 + TypeScript + 高德地图 | 实战：车辆轨迹回放（点位驱动版）
以轨迹点为基准，用户需求更倾向于同一时间段不同车辆的行驶轨迹。GaoDeMap子组件。
2025-08-07 17:53:21
42
原创 Vue 3 + TypeScript 项目中集成 高德地图 并实现绘制电子围栏（ 多边形、圆形、矩形围栏）
@param path 多边形坐标数组（AMap.LngLat 类型数组或 [lng, lat] 数组）封装统一方法👉 处理高德地图绘制完成后的图形数据，并将其标准化为统一格式传给父组件。按需异步加载高德地图 JS API（包括核心库、插件等）* 获取多边形的“等效半径”，即中心点到最远顶点的距离。定义组件的 props 和 emits 类型及用法。🧠 根据业务需求，增加回显围栏图形的处理。* @returns 半径（单位：米）矩形对角线一半作为半径（仅适用于矩形）
2025-08-04 17:52:44
274
2
原创 Vue3 + Ant Design Vue ＜a-table＞ 合并单元格实战教程：customRow + customCell + rowSpan 完整示例
【代码】使用 Ant Design Vue 的 ＜a-table＞ 的 customRow 和 customCell 配合 rowSpan 实现相同的单元格合并。
2025-07-30 13:03:53
144
原创 vue3ts+ant design vue 实现CAN报文分析仪，包括文件解析、回放、合并高亮｜滚动、暂停｜继续 、排序处理
报文回放、合并高亮处理、暂停继续处理，合并滚动切换处理。文件拖拽上传组件参考前文。表格渲染、排序、分页。
2025-07-30 11:50:53
264
原创 vue3ts+ant design vue实现自定义文件上传组件，支持文件数量限制、文件格式限制、手动｜直接上传、文件大小限制、文件类型限制
【代码】vue3ts+ant design vue实现自定义文件上传组件，支持文件数量限制、文件格式限制、手动｜直接上传、文件大小限制、文件类型限制。
2025-07-21 10:40:00
194
原创 从零实现 Qiankun 微前端：基座应用控制子应用路由与信息交互
通过上述配置和调试技巧，您可以在本地环境中高效地开发和调试子应用。确保在开发过程中：正确配置子应用的base路径和主应用的子应用信息。配置开发服务器的跨域设置，确保主应用能够加载本地运行的子应用。使用 Vue Devtools 和控制台输出调试信息，快速定位和解决问题。如果您在开发过程中遇到其他问题，欢迎在评论区留言，我们一起讨论和解决。📌推荐阅读Qiankun 官方文档。
2025-07-19 16:50:54
284
1
原创 vue3 ts + qiankun微前端+1Panel 实现多个 vue3 子项目，分别构建部署，主应用通过动态路由访问子应用和主应用自己的组件
【代码】vue3 ts + qiankun微前端 +1panel 实现多个 vue3 子项目，分别构建部署，主应用通过动态路由访问子应用。
2025-06-12 17:08:46
373
原创 flutter自定义debug横幅
它用于控制是否显示屏幕右上角的 “DEBUG” 横幅，主要在。下出现，设置为true时，显示横幅。是 Flutter 框架中。
2024-10-09 18:05:27
487
原创 微信小程序实现超过指定行数文本省略展示并动态显示查看全部
通过获取文本高度，动态绑定ellipsis类名及动态控制显隐查看全部按钮。【微信小程序相关API】
2024-04-29 19:16:47
739
原创 微信小程序实现自定义拍照、预览图片组件
2.图片预览页支持列表中点击删除icon删除，图片点击时全屏预览，预览中支持放大缩小、左右滑动切换列表中的图片，删除当前预览图片。组合微信小程序movable-area、movable-view、swiper-item组件。1.当未拍摄任何照片或者预览相册中无照片时，不展示预览相册icon入口及提交按钮。3.列表中删除图片或预览时删除图片均需二次确认。
2024-04-24 16:56:44
1968
原创 利用Vant Weapp 组件库 Dialog组件实现自定义倒计时弹出框
Vant Weapp - 轻量、可靠的小程序 UI 组件库 (gitee.io)Vant Weapp 安装参考。
2024-01-29 14:57:35
1244
原创 Promise(期约)的灵活运用
【需求2】：公用的方法a中执行请求获取所需的全部数据，在b方法中调用a方法并且需等待a方法执行完毕后再继续往下执行。【需求1】：弹窗选中指定选项后，延迟200毫秒关闭当前弹窗，从底部弹出其他弹窗。
2024-01-12 16:02:39
484
1
原创 MQTT 基础使用 及 封装 API
在 utils 文件夹下新建mqtt.js文件，复制。mqtt调试工具：MQTTBox。上的打包构建后的源码至该文件中。在需要使用的地方引入。（以微信小程序为例）
2023-10-17 17:43:08
1377
原创 钉钉/企业微信扫码登录
2. 无需鉴权的API使用时 import * as dd from "dingtalk-jsapi";1. 需要鉴权的API使用时需要先调用dd.config。
2023-10-14 00:11:23
530
1
原创 微信小程序蓝牙功能
wx.openSetting(Object object) | 微信开放文档 (qq.com)微信官方文档小程序相关API。
2023-07-21 17:52:09
1752
2
原创 Vue3自定义指令 +ant design vue table组件实现滚动加载
以下为前台模拟滚动加载数据，实际开发应用中，可在 tableLoad 函数中调用接口向后台请求下一页数据。使用vue3 自定义指令 实现滚动事件监听。
2023-07-07 16:33:35
2448
1
原创 Vue3 使用ant design vue table组件实现自定义拖拽效果
通过以上实现，我们完成了Vue3 + Ant Design Vue 自定义表格拖拽排序，支持动态行排序、固定列场景、后台排序结果生成，在实际业务中非常实用。你可以在此基础上扩展：✅ 增加“保存排序”按钮✅ 支持跨页排序✅ 拖拽动画优化👉 如果觉得有帮助，记得，方便后续快速复用！
2023-07-07 10:53:33
4694
4
原创 flutter学习 组件 - AbsorbPointer
当absorption为true时，这个小部件通过终止自身的命中测试来防止其子树接收指针事件。它在布局过程中仍然占用空间，并像往常一样绘制其子元素。它只是防止它的子对象成为定位事件的目标，因为它从RenderBox.hitTest返回true。AbsorbPointer 组件。阻止其子元素的点击事件。为boolean 类型。
2023-06-19 15:17:33
774
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人