黑布林吕子-CSDN博客

原创 uniapp 请求封装！Token 过期无感刷新+队列缓存！CV即用

本文分享了一套解决uniapp中Token过期问题的请求封装方案。核心思路包括：1）通过全局状态管理防止重复刷新Token；2）实现带重试机制的请求封装，自动处理401错误。方案采用Promise队列管理挂起请求，支持Token刷新后自动重试原请求，并优化了header合并逻辑。提供GET/POST快捷方法，可有效避免接口中断、重复刷新等问题，提升用户体验。代码可直接复用，适用于各类Token认证场景。

2026-01-22 17:20:52 29

原创微信、支付宝小程序二码合一

本文介绍了一种无需代码的纯配置方法，实现微信和支付宝小程序跳转。只需在服务器根目录放置特定文件并配置相应域名，即可生成统一链接"https://域名/regularLink?id=123"。将该链接转为二维码后，微信扫码跳转微信小程序，支付宝扫码跳转支付宝小程序。这种方法避免了Django等框架的复杂操作，简化了双平台小程序的跳转实现流程。

2026-01-20 11:40:18 36

原创 Vue+SVG/Canvas 搞定行政区点击筛选

摘要：本文介绍了一种纯前端实现行政区点击筛选的解决方案，无需调用地图API或后端接口。通过使用阿里云DataV导出的SVG地图，手动修改行政区颜色并为<path>添加自定义区域名属性，绑定点击事件实现区域筛选功能。文章提供了完整的Vue组件代码示例，包括SVG地图渲染、点击事件处理和筛选结果显示，实现了低成本、高效率的地图筛选需求。该方法特别适合预算有限或技术资源受限的项目场景。

2026-01-14 15:01:19 77

原创 UniApp微信小程序NFC读写卡保姆级攻略

本文介绍了使用UniApp开发微信小程序NFC读写功能的关键步骤和注意事项。首先指出NFC功能需要硬件支持，仅适用于安卓设备。核心逻辑包括初始化、读写操作和停止三个环节，通过wx.getNFCAdapter()获取适配器实例，使用startDiscovery()启动发现功能，onDiscovered()监听标签数据。重点讲解了读卡时的数据解析和写卡时的NDEF协议处理，强调操作完成后必须调用stopDiscovery()释放资源。文中提供了完整的代码实现，包含初始化检查、数据转换工具方法等关键功能，并提醒开

2025-12-11 17:09:47 855

原创基于 UniApp 的音频播放器组件实现方案

本文介绍了基于UniApp实现的音频播放组件开发过程。组件采用三部分布局：左侧唱片区域显示专家头像（播放时旋转）、中间控制区包含音频信息和进度条、右侧为操作按钮区。核心功能包括：1)使用createInnerAudioContext实现音频播放控制；2)采用定时器而非onTimeUpdate事件实现精确进度更新；3)支持进度条拖拽跳转功能；4)完善生命周期管理，防止页面切换导致的内存泄漏。组件还实现了播放/暂停、切换上下条、显示列表等功能，并通过computed属性实现时间格式化显示。特别注意处理了音频播放

2025-08-01 18:19:24 652

原创基于 UniApp通过Canvas像素分析获取图片主题色

本文介绍了前端实现图片主色调提取并生成渐变背景的方案。核心思路是通过Canvas将图片缩小至100x100像素，遍历像素数据时忽略透明像素，将RGB颜色分组量化以减少计算量，并为亮色增加权重以符合人眼感知特性。统计出现频率最高的颜色组作为主色调，最终生成三段式透明度渐变的背景效果。文章详细说明了实现步骤（选图预览、Canvas绘制、像素分析、渐变生成），并总结了绘制延迟、性能优化等踩坑经验。作者建议此类功能最好由后端实现，前端方案仅作为替代选择。

2025-07-30 18:10:35 509

原创 Renderjs 搞定 App 端 SVG 转 PNG

摘要：本文分享了在uni-app中使用renderjs实现App端SVG转PNG的实战方案。通过renderjs在视图层直接操作DOM的特性，结合html2canvas库完成转换。核心实现包括：1) 逻辑层与视图层通过数据绑定和方法调用通信；2) renderjs创建临时容器加载SVG后，用html2canvas转换为PNG（需注意解决背景色和模糊问题）；3) 结果通过base64回传逻辑层处理。关键点在于掌握renderjs的"数据绑定传参+方法调用回传"通信机制，该方案适用于需要D

2025-07-15 15:37:54 328 1