页面之间的视觉连续性很多功能第一版都能跑但“能跑”和“做稳”之间还有一段距离。页面之间的视觉连续性就是这种很容易被忽略、后期又经常返工的问题。这一篇不堆 API。我们从真实开发场景切入先看为什么会出问题再写一个最小实现然后补连续操作、异常路径和生命周期。目标不是把代码写得花而是让下一次需求变化时还能放心改。1. 先看最常见的误区开发时最容易只盯结果按钮点了有反应、页面能跳、数据出来了就认为这一块结束了。真实项目里用户连续点击、快速返回、切后台、内容突然变长才是问题集中出现的时候。所以我更建议先问三个问题这段行为由什么状态驱动中途失败后怎么恢复页面离开后还有没有任务继续执行这三个问题想清楚很多“偶现 bug”会少一半。2. 先写最小核心router.pushUrl({ url: pages/Detail, params: { id: item.id } })示例故意保持短。先让行为可验证再决定是否抽组件或工具层。过早抽象往往只是把简单问题分散到更多文件里。3. 状态来源必须清楚一个状态最好有明确的拥有者。父组件和子组件都随意修改同一个异步回调又再改一次出了问题就很难查。局部行为尽量让局部组件自己管理真正影响整个页面的状态再提升。这个原则放到动画、手势、日志、配置、测试里都成立职责越明确排错越快。4. 连续操作比第一次操作更重要第一次通常没问题。真正值得测的是连续点五次、操作一半返回、失败以后再来一次。如果逻辑存在处理中状态记得防重复并在所有路径恢复this.processing true try { await this.doWork() } catch (e) { console.error([卡片到详情怎么连贯] failed) } finally { this.processing false }finally没什么炫技但它能解决很多“第二次为什么不工作”的问题。5. 生命周期别忘了页面离开以后定时器、监听、异步任务、动画回调是否还需要继续这是很实际的问题。创建时注册的能力要想清楚什么时候释放。页面已经不可见时还频繁更新状态不仅浪费资源也可能制造难复现的问题。6. 调试时别先清缓存我一般沿调用链查事件触发了吗方法进入了吗状态改了吗异步有没有异常生命周期是不是已经变化日志尽量短并带模块名。敏感数据不要打印大对象也不要每次整包输出。真正需要的是能快速判断“代码走到哪一步”。7. 别为了高级而高级卡片到详情怎么连贯并不意味着效果越复杂越好。交互反馈应该克制工程封装也应该克制。一个简单功能拆十层不叫工程化每个按钮都加一堆动画也不叫体验好。能让用户明确感知、能让开发者快速理解就是更实用的标准。8. 给失败留一条路成功路径大家都会写真正拉开质量差距的是失败以后发生什么。任务失败后状态能不能回去页面有没有兜底用户能不能重试资源有没有释放这些都应该在写功能时一起考虑而不是上线前补。9. 把边界场景主动造出来把文本改成长一点把数据变成空把操作速度加快把页面快速切走。不要等测试同学帮你发现所有边界。开发阶段主动“破坏”一次自己的功能通常能提前发现不少布局、状态和生命周期问题。10. 代码审查时我会看什么第一职责能不能一句话说清。第二失败后是否恢复。第三离开页面后是否还有无意义任务。第四改需求时需要动多少地方。如果一个小改动需要全局搜索十几个文件通常说明边界已经开始模糊。11. 用户看到的是结果不是架构用户不知道你用了什么模式他们只知道点击有没有反馈、页面会不会卡、失败后能不能继续。工程治理也是一样。日志、测试、资源管理用户看不见但这些东西决定了线上故障能不能更少、定位能不能更快。12. 示例代码不是万能模板教程为了讲清一个点会省略很多业务上下文。放进自己的项目时要结合团队已有结构调整。真正值得带走的是判断方法为什么放这里、为什么要恢复、为什么要拆或不拆。理解这些比复制一段代码更有用。总结这一篇围绕页面之间的视觉连续性核心不是记 API而是建立稳定的开发顺序先确认职责和状态再写最小实现然后补异常、连续操作和生命周期。HarmonyOS 7 的能力本身并不难调用。真正让项目越来越稳的是这些看起来不起眼的工程习惯。小练习从现有项目找一个最接近本篇的功能只改一个最明显的问题。改完后连续操作五次再快速切页返回一次看看状态和体验是否仍然正常。