摘要： 【学习目标】 掌握 媒体查询的引入与Stage模型标准使用流程，理解监听句柄与生命周期管理 吃透 媒体查询完整语法规则：媒体类型、逻辑操作符、核心媒体特征 实现 横竖屏切换、深浅色模式跟随、多设备适配 三大高频响应式场景 封装 可跨页面复用的媒体查询工具类，一行代码实现状态监听 一、工程目录结构 M 阅读全文

摘要： 【学习目标】 掌握 Tabs 组件核心定位、基础结构与使用规范，理解 TabContent 的布局限制 通过示例实现底部/顶部/侧边三种标准导航布局 掌握 barMode、scrollable、animationDuration 等常用属性配置 学会自定义 TabBar、代码控制切换、切换拦截等进阶 阅读全文

摘要： 【学习目标】 掌握 双层 LazyForEach 分组架构（分组 + 列表项）； 实现 右侧字母索引栏与列表联动； 掌握 侧滑删除、修改备注 列表交互； 理解 @Observed + @ObjectLink 深层响应式； 掌握 @Reusable 正确使用规则。 一、工程目录结构 WechatCon 阅读全文

摘要： 一、为什么必须掌握LazyForEach？ 上一节我们学习的ForEach，核心逻辑是全量创建组件，即便配合List组件使用，当数据量超过100条甚至更多时，对组件数据的增删查改依然会触发组件的销毁与重建，性能表现较差。严重时会导致页面打开慢、内存占用暴涨、滑动列表卡顿掉帧，甚至应用崩溃。 而Laz 阅读全文

摘要： 【学习目标】 掌握 ForEach 循环渲染核心语法、键值生成规则与组件创建逻辑； 理解 ForEach 首次渲染与非首次渲染的差异，避免渲染异常； 规避 ForEach 常见错误（键值重复、性能损耗、数据不渲染）； 掌握 ForEach 性能优化技巧，实现高效循环渲染。 一、本节工程目录结构 Fo 阅读全文

摘要： 一、MVC 架构 1. 角色定义 Model（数据模型）：管理数据、业务逻辑、网络请求、数据库操作等 View（视图）：负责 UI 展示，接收用户操作并抛出事件，不包含业务逻辑 Controller（控制器）：作为调度中心，处理用户交互、调用 Model、更新 View 2. 目录结构 src/ma 阅读全文

摘要： 【学习目标】 掌握 List、ListItem、ListItemGroup 三大核心组件的组合使用； 理解 List 的主轴与交叉轴布局概念，掌握基础布局、样式配置全能力； 熟练运用 List 核心属性（sticky、divider、scrollBar、edgeEffect）实现业务效果； 掌握 S 阅读全文

摘要： 【学习目标】 掌握Navigation组件的核心定位、常用属性与配置方法； 熟练掌握NavPathStack的核心常用接口，包括跳转、返回、替换、传参等全场景操作； 理解NavDestination子页面的核心作用、常用属性与生命周期回调； 掌握系统路由表的实现逻辑与实战流程； 能够基于核心接口，实 阅读全文

摘要： 鸿蒙应用开发UI基础第二十七节：样式复用三剑客@Styles/@Extend/stateStyles示例演示 【学习目标】 掌握 @Styles 装饰器核心用法，理解其“通用样式复用”的设计初衷； 掌握 @Extend 装饰器高级用法，解决组件专属属性样式复用痛点； 掌握 stateStyles 多 阅读全文

摘要： 【学习目标】 理解 @Builder 设计初衷，明确与 @Component 核心差异； 掌握 @Builder 两种定义方式、参数传递（按值/按引用）规则； 掌握 @Builder 高级场景（嵌套、this指向）实战用法； 掌握 @BuilderParam UI 插槽原理与使用方法，实现组件 UI 阅读全文