沈春庭-优快云博客

原创【MoodVine】Taro+React动画实践

本文分享了Taro+React项目中两种实用动画的实现方案

2025-06-16 01:07:57 944

原创【MoodVine】个人信息与修改

本文介绍了基于Taro框架的个人信息管理模块开发方案，包含展示页和编辑页两大功能。在技术实现上采用Taro3.x框架配合Taroify组件库，使用React Hooks进行状态管理。

2025-06-16 00:34:21 599

原创【MoodVine】Taro+React对于大文件的轮询请求实现

本文介绍了一种智能音频资源加载方案，通过递归Promise实现动态轮询机制。核心策略包括：初始延迟1秒快速响应小资源，采用指数退避策略（最大30秒）防止服务器过载，区分404错误进行特殊处理，并设置最大尝试次数（默认10次）。方案先通过HEAD请求检查资源状态，减少带宽消耗，对404错误延长重试间隔，其他错误保持短间隔。该实现解决了固定等待时间不匹配不同资源大小的问题，优化了加载效率，同时提供详细的错误日志记录和聚合功能。

2025-06-15 15:47:01 569

原创【MoodVine】react函数组件中使用useState改变值后立刻获取最新值

我们面临的问题是在React函数组件中，当我们通过useState更新了一个状态（这里是audioUrl）后，我们希望立刻获取到最新的值来播放语音。但useState的更新是异步的，在更新后立即访问状态变量并不能获取到最新值。本文将介绍三种尝试方式（其中两种失败，一种成功）以及最终的解决方案。

2025-06-15 01:25:18 914

原创【MoodVine】Taro+react实现录音上传

本文记录了一个基于Taro框架的录音功能实现过程。最初使用了已废弃的Taro.startRecord/stopRecord API，后改用更强大的Taro.getRecorderManager接口。代码展示了录音管理器的配置(start/stop方法)和事件监听(onStart/onStop/onError)。由于开发工具与移动端音频格式不兼容，解决方案是将录音文件上传至服务器后播放返回的链接。文章还包含了上传逻辑(uploadFile)和状态管理(setIsRecording)的实现细节，最终完成了完整的

2025-06-12 23:45:00 214

原创【MoodVine】项目进度

坑。

2025-06-12 20:35:53 114

原创【MoodVine】Taro间接formdata文件上传

微信小程序不支持FormData文件格式上传，在Taro开发中发现使用uploadFile函数可解决该问题。

2025-06-12 15:47:48 214

原创【MoodVine】Taro+React微信登录前端

本文介绍如何在Taro+React开发的小程序中实现微信登录流程。主要步骤包括：1) 使用Taro.login()获取临时code；2) 将code发送至后端接口wxlogin；3) 存储返回的token和用户信息。重点注意事项：登录操作必须由用户点击按钮触发，本地调试需关闭域名校验，以及安全存储token的方法。文中提供了完整的代码示例，包括获取code、调用接口和错误处理的具体实现。

2025-06-10 17:41:43 663

原创【MoodVine】情绪纸条集：技术实现与情感设计解析

《情感化交互系统的技术实现与设计解析》摘要：本文以MoodVine纸条集为例，探讨了情绪疗愈系统的技术实现。通过React状态管理构建数据结构，采用数字编码映射情感图标（如1→能量图标），符合认知心理学的符号表征原则。系统运用色彩循环算法（模运算控制四色背景轮换）和色彩心理学原理（蓝色营造平静、粉色带来治愈），并实现支持情感关键词的双重检索功能。在视觉设计上，通过手写字体、图标尺寸控制和层次分离等认知设计原则优化用户体验。技术亮点包括情感状态转换链、有限资源复用算法，以及通过微交互细节降低用户认知负荷并触发

2025-06-10 00:22:54 803