直接改字段、用uni.createAnimation绑定到view、配合乐观更新，才能让点赞动画不抖、评论不跳、状态不错乱；v-for列表点赞后整页抖动因替换整个对象导致响应式丢失，应只改字段或用$set确保响应式生效。
直接改字段、用 uni.createAnimation 绑定到
v-for 列表点赞后整页抖动？因为替换了整个对象
这是最常踩的坑：点击点赞时写了 this.list[index] = {...item, isLiked: !item.isLiked}，Vue 的响应式系统会丢失对原对象的追踪，触发整条 v-for 重新渲染 —— 滚动位置重置、动画中断、性能掉帧全来了。
- 正确做法是只改字段：
this.list[index].isLiked = !this.list[index].isLiked（前提是初始化时数据已声明在data()中） - 如果字段是后期动态添加的，用
this.$set(this.list[index], 'isLiked', true)确保响应式生效 - 千万别把列表数据从接口返回后直接赋给未声明的变量（比如
this.newsList = res.data但 data() 里没定义newsList），这会导致响应式失效
点赞缩放动画没效果？target 必须是 view 且 export 后绑定
uni.createAnimation 是原生动画 API，不支持作用于 .export() 才能生效。
小红书信息卡片自动生成
下载
将长文章、AI 新闻、GitHub 项目、工具教程、产品更新或选题说明，转化为适合小红书 / 小绿书发布的图文卡片策划稿，并在用户确认后生成可编辑、可下载、可复用的 HTML 卡片页面。
- 模板中每个点赞按钮要包一层
并同步请求数据，多个项同时触发会导致 DOM 错乱、请求并发、滚动偏移。 - 每个评论区域独立控制：
showComment = []初始化为数组，用showComment[index] = true控制显隐 - 首次展开才拉取评论：
if (!this.comments[index]) this.loadComments(index)，避免重复请求 - 用户快速连点点赞或评论按钮？加防抖：
if (this.isProcessing) return; this.isProcessing = true; setTimeout(() => this.isProcessing = false, 300) - 提交新评论后，前端先
this.comments[index].push(newItem)（乐观更新），再发请求；失败则.pop()回滚
“+1” 浮动动画怎么不遮挡其他内容？定位和层级要手动管
很多教程直接把
+1放在按钮同级，结果动画一飞就压住下面的文字或图片 —— 这不是动画问题，是 DOM 结构和 CSS 层级没处理好。-
+1容器必须用position: absolute，父容器设position: relative - 确保 z-index 足够高（比如
z-index: 999），但别全局设太高，避免覆盖 toast 或 modal - 动画结束后的清理很重要：
setTimeout里把animationData[id]设为空对象，否则下次点不动 - 不要复用同一个
animation实例操作多个 target，每个 item 应该有自己独立的animationData[index]
真正难的不是写动画，而是让动画和列表状态、网络请求、用户连点行为共存而不打架。字段别换、target 别错、export 别漏、DOM 层级别糊，四件事做稳了，小红书那种丝滑感就出来了。
- 每个评论区域独立控制：
