uni-app_摔跤猫子的博客-优快云博客

uni-app

文章平均质量分 96

以实战为线索，逐步深入uni-app开发各个环节，掌握跨平台常用性能体验优化思路，打造完整跨平台工作流，提升工作化编码能力和思维能力。

文章数：13 文章阅读量：106597 文章收藏量：197

作者: 摔跤猫子

22年度博客之星移动研发TOP1、阿里云社区专家博主、稀土掘金、51CTO、腾讯云等平台优质创作者。

展开

专栏收录文章

基于uniapp实现自定义日历页面、年份月份选择、动态日历渲染、日期标记及备忘录、无组件依赖、多端兼容

基于UniApp框架下自定义日历组件的完整实现方案，涵盖基础日历渲染、年月选择器集成、动态数据标记等核心功能。提供完整代码段，帮助开发者快速构建高性能、高定制化的日历模块，适用于日程管理、预订系统等场景。

原创 2025-06-11 17:44:12 · 1608 阅读 · 0 评论
基于uniapp+WebSocket实现聊天对话、消息监听、消息推送、聊天室等功能，多端兼容

基于 UniApp + WebSocket实现多端兼容的实时通讯系统，涵盖WebSocket连接建立、消息收发机制、多端兼容性配置、消息实时监听等功能，适配微信小程序、H5、Android、iOS等终端

原创 2025-06-06 17:39:16 · 5317 阅读 · 0 评论
uniapp｜实现多端图片上传、拍照上传自定义插入水印内容及拖拽自定义水印位置,实现水印相机、图片下载保存等功能

本文以基础视角，详细讲解如何在uni-app中实现图片上传→水印动态编辑→图片下载的全流程功能。

原创 2025-05-28 16:15:19 · 8353 阅读 · 0 评论
uniapp｜实现获取手机摄像头权限，调用相机拍照实现人脸识别相似度对比，拍照保存至相册，多端兼容(APP/微信小程序)

基于uniapp以及微信小程序实现移动端人脸识别相似度对比，实现摄像头、相册权限获取、相机模块交互、第三方识别集成等功能，附完整代码。

原创 2025-05-13 17:38:03 · 6569 阅读 · 0 评论
uniapp｜商品列表加入购物车实现抛物线动画效果、上下左右抛入、多端兼容(H5、APP、微信小程序)

以uniapp框架为基础，详细解析商品列表加入购物车抛物线动画的实现方案。通过动态获取商品点击位置与购物车坐标，结合CSS过渡动画模拟抛物线轨迹，实现从商品图到购物车图标的动态效果。

原创 2025-05-12 16:24:00 · 8531 阅读 · 0 评论
uniapp｜实现手机通讯录、首字母快捷导航功能、多端兼容(H5、微信小程序、APP)

基于uniapp实现带首字母快捷导航的通讯录功能，通过拼音转换库实现汉字姓名首字母提取与分类，结合uniapp的scroll-view组件与pageScrollTo API完成滚动定位交互，并引入uni-indexed-list插件优化索引栏性能。

原创 2025-05-12 14:47:11 · 8422 阅读 · 0 评论
uniapp｜实现商品分类与列表数据联动，左侧菜单右侧商品列表(瀑布流、高度自动计算、多端兼容)

基于uniapp实现商品分类与商品列表数据联动，提供完整代码与常见问题解决方案，通过实战案例演示，快速构建商品列表交互，开箱即用。

原创 2025-05-10 16:56:44 · 10683 阅读 · 0 评论
uniapp｜实现多终端聊天对话组件、表情选择、消息发送

基于UniApp框架，实现跨平台多终端适配的聊天对话组件开发、表情选择交互设计及消息发送，支持文本与表情混合渲染。

原创 2025-05-08 17:27:00 · 11364 阅读 · 0 评论
uniapp｜实现多终端视频弹幕组件、内容轮询、信息表情发送(自定义全屏半屏切换、弹幕启用)

基于UniApp框架实现跨终端视频弹幕组件的开发，结合CSS3动画与setInterval轮询机制，完成弹幕从右向左的动态滚动效果，针对交互需求，设计弹幕启用开关、全屏/半屏模式切换功能，并利用cover-view组件解决原生层级覆盖问题。

原创 2025-05-08 17:26:50 · 11398 阅读 · 0 评论
uniapp｜获取当前用户定位、与系统设定位置计算相隔米数、实现打卡签到(可自定义设定位置、位置有效范围米数)

基于UniApp阐述移动应用开发中定位功能的实现全流程，涵盖实时定位获取、动态距离计算与自定义位置、有效范围设定等功能。文章提供完整的代码示例与适配方案，适用于社交签到、课堂教室打卡等场景。

原创 2025-05-08 17:26:38 · 11537 阅读 · 0 评论
基于uniapp开发PDA扫码枪APP：实现RFID批量扫描读取功能

基于uniapp的PDA扫码枪APP开发实战，实现高效RFID读取功能，uniapp整合PDA硬件的实践分享，基于uniapp的PDA端RFID批量扫描方案开发

原创 2025-05-05 21:04:17 · 12650 阅读 · 0 评论
基于JavaSpringBoot+uniapp制作一个打卡小程序

生活中打卡的场景无处不在,上班打卡、景点打卡、活动打卡、在优快云的APP上也有签到打卡。

原创 2023-03-23 09:08:41 · 5004 阅读 · 56 评论
基于JavaSpringBoot+uniapp制作一个记账小程序

你不理财,财不理你,制作一个记账小程序对自己的收入/支出明细进行管理,守护好自己的钱袋子。

原创 2023-05-30 09:22:06 · 6428 阅读 · 64 评论

uni-app

作者: 摔跤猫子

基于uniapp实现自定义日历页面、年份月份选择、动态日历渲染、日期标记及备忘录、无组件依赖、多端兼容

基于uniapp+WebSocket实现聊天对话、消息监听、消息推送、聊天室等功能，多端兼容

uniapp｜实现多端图片上传、拍照上传自定义插入水印内容及拖拽自定义水印位置,实现水印相机、图片下载保存等功能

uniapp｜实现获取手机摄像头权限，调用相机拍照实现人脸识别相似度对比，拍照保存至相册，多端兼容(APP/微信小程序)

uniapp｜商品列表加入购物车实现抛物线动画效果、上下左右抛入、多端兼容(H5、APP、微信小程序)

uniapp｜实现手机通讯录、首字母快捷导航功能、多端兼容(H5、微信小程序、APP)

uniapp｜实现商品分类与列表数据联动，左侧菜单右侧商品列表(瀑布流、高度自动计算、多端兼容)

uniapp｜实现多终端聊天对话组件、表情选择、消息发送

uniapp｜实现多终端视频弹幕组件、内容轮询、信息表情发送(自定义全屏半屏切换、弹幕启用)

uniapp｜获取当前用户定位、与系统设定位置计算相隔米数、实现打卡签到(可自定义设定位置、位置有效范围米数)

基于uniapp开发PDA扫码枪APP：实现RFID批量扫描读取功能

基于JavaSpringBoot+uniapp制作一个打卡小程序

基于JavaSpringBoot+uniapp制作一个记账小程序