- 博客(10)
- 收藏
- 关注
原创 UniApp微信小程序NFC读写卡保姆级攻略
本文介绍了使用UniApp开发微信小程序NFC读写功能的关键步骤和注意事项。首先指出NFC功能需要硬件支持,仅适用于安卓设备。核心逻辑包括初始化、读写操作和停止三个环节,通过wx.getNFCAdapter()获取适配器实例,使用startDiscovery()启动发现功能,onDiscovered()监听标签数据。重点讲解了读卡时的数据解析和写卡时的NDEF协议处理,强调操作完成后必须调用stopDiscovery()释放资源。文中提供了完整的代码实现,包含初始化检查、数据转换工具方法等关键功能,并提醒开
2025-12-11 17:09:47
663
原创 基于 UniApp 的音频播放器组件实现方案
本文介绍了基于UniApp实现的音频播放组件开发过程。组件采用三部分布局:左侧唱片区域显示专家头像(播放时旋转)、中间控制区包含音频信息和进度条、右侧为操作按钮区。核心功能包括:1)使用createInnerAudioContext实现音频播放控制;2)采用定时器而非onTimeUpdate事件实现精确进度更新;3)支持进度条拖拽跳转功能;4)完善生命周期管理,防止页面切换导致的内存泄漏。组件还实现了播放/暂停、切换上下条、显示列表等功能,并通过computed属性实现时间格式化显示。特别注意处理了音频播放
2025-08-01 18:19:24
622
原创 基于 UniApp通过Canvas像素分析获取图片主题色
本文介绍了前端实现图片主色调提取并生成渐变背景的方案。核心思路是通过Canvas将图片缩小至100x100像素,遍历像素数据时忽略透明像素,将RGB颜色分组量化以减少计算量,并为亮色增加权重以符合人眼感知特性。统计出现频率最高的颜色组作为主色调,最终生成三段式透明度渐变的背景效果。文章详细说明了实现步骤(选图预览、Canvas绘制、像素分析、渐变生成),并总结了绘制延迟、性能优化等踩坑经验。作者建议此类功能最好由后端实现,前端方案仅作为替代选择。
2025-07-30 18:10:35
467
原创 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
303
1
原创 vue2/3 浏览器指纹搭配requestIdleCallback的简单运用
vue2 浏览器指纹搭配requestIdleCallback的简单运用
2024-01-31 13:52:47
823
原创 vue2/3 elementUI/table 从excel复制粘贴到表格,从表格复制粘贴到excel
vue2/3 elementUI/table 从excel复制粘贴到表格,从表格复制粘贴到excel
2024-01-26 15:44:12
2511
5
原创 从接口获取的是富文本,富文本中的图片太大溢出屏幕的解决办法(针对浏览器及微信小程序)
从接口获取的是富文本,富文本中的图片太大溢出屏幕的解决办法
2022-08-25 16:08:24
3036
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅