HarmonyOS: 卡片开发实战系列（新浪卡片）

这门课解决什么问题

鸿蒙原生应用里，桌面卡片是高频且特殊的形态：它不是完整页面，而是受限于系统宿主、有独立生命周期和刷新机制的轻量交互单元。很多有前端或移动端经验的人，第一次写卡片会卡在数据怎么定时更新、点击怎么跳回主应用、多张卡片实例怎么分别刷新这些细节上。这门课聚焦的就是这块：用 JS 卡片形态，从零做到能独立运行、能定时拉数据、能响应点击的新浪新闻样式卡片。它不兜售鸿蒙生态前景，只解决一件具体的事——把卡片这种形态跑通，并理解它和普通页面的差异。

适合什么基础、学完能独立做什么

门槛不高，但要有点准备。建议你写过 HTML/CSS/JS，能看懂简单的后端数据返回格式；如果完全没碰过任何前端或移动端，直接看会有些吃力。课程假设你对 IDE 基本操作不陌生，重点放在卡片专属的机制上，而不是从零教语法。学完后你应该能独立做这几件事：新建一张 JS 卡片并在桌面添加；通过生命周期方法给卡片绑定初始数据；用定时机制让卡片按间隔刷新内容；处理卡片的路由点击（跳到指定页面）和消息点击（触发后台逻辑）；以及面对一个新闻类需求时，知道哪些部分放卡片、哪些放主应用。简单说，学完能独立交付一张功能完整的桌面信息卡，而不是只会改 demo 样式。

建议先看哪几块、资料怎么配合练习

建议按这个顺序：先看基础部分里关于创建 JS 卡片、绑定数据、定时更新的几节，这三块是骨架，理解了再碰实战会顺很多；事件部分（路由和消息）可以先扫一遍概念，等做高仿案例遇到点击需求时再回看对号入座。高仿新浪新闻那段是核心练习场，建议不要只看视频，同步开 IDE 跟着搭一遍：先跑通静态布局，再接假数据，最后加定时刷新和点击跳转。资料里的代码片段是用来对照你自己的实现的，不是用来直接复制运行的——很多坑出在签名配置、模块依赖和权限声明上，这些视频里会提，但只有你本地报过错、查过文档，印象才扎实。如果某节卡住，优先回看前序的生命周期和绑定机制，多数问题出在对卡片刷新时机理解不准，而不是语法写错。