2023年6月28日发(作者：)

《慕慕到家》家政⼩程序组件化进阶实战第1章 课程指南：配套教材及环境搭建本章节介绍课程的背景和知识要点，开局即送课程专享原创课程⾷⽤指南、提问指南、⼩程序评测，让你的学习事半功倍；开发环境搭建指导，开启效率之门。1-1 《慕慕到家》⼩程序项⽬进阶实战导学教程 (11:08)1-2 课程⾷⽤指南 (01:26)1-3 ⼩黄，做⼀个⼩程序 (03:56)1-4 开发环境、开发⼯具准备 (08:09)第2章 初始⼩程序和项⽬需求分析本章节从功能结构图、业务流程图⼊⼿，建⽴项⽬全局视⾓，深挖设计与编码的⽭盾，让画图不再枯燥；以⼩见⼤，微信⼩程序关键知识路径初探，为后续进阶内容打下基础。2-1 开篇语 (02:05)2-2 功能结构与业务流程梳理 (23:53)2-3 常⽤基础组件、样式布局⼊门 (16:34)2-4 让页⾯数据“动”起来，数据绑定、列表渲染、条件渲染⼊门j (16:03)2-5 感受平台⽣态的⼒量，常⽤API⼊门（上） (14:28)2-6 感受平台⽣态的⼒量，常⽤API⼊门（下） (14:45)2-7 特别的API——t，前后端分离架构初探 (14:33)2-8 前后端分离架构的前世今⽣ (08:44)2-9 章节回顾第3章 内容标签页、swiper服务分类筛选“最⼩原型”实现经典开发模式——最⼩原型模式场景还原，运⽤基础知识点实战完成功能v1.0版本。是巩固知识，也是启发思考，常见⼯程隐患“重复实现”、“不可维护”预警。3-1 开篇语 (01:37)3-2 原⽣tabBar组件使⽤及配置⽂件介绍 (20:26)3-3 实现“⼴场”页⾯标签页效果（上） (14:14)3-4 实现“⼴场”页⾯标签页效果（下） (10:38)3-5 分类筛选功能实现 (15:25)3-6 【项⽬作业】服务分类 Swiper 样式优化3-7 章节回顾第4章 内容标签页组件化，⾃定义组件定义、插槽、通信。从设计到编码，微信⼩程序核⼼机制⾃定义组件实战，通过组件构造、事件传递、插槽构建“可读”、“可维护”、“可扩展”的通⽤⾃定义组件；从数据绑定到 WXS，认识常见⼩程序开发性能误区，让应⽤性能不再⽩⽩浪费。…4-1 开篇语 (04:06)4-2 进阶必备——⾃定义组件基本概念 (09:10)4-3 重构内容标签页(上)——⾃定义组件 Tabs (14:45)4-4 重构内容标签页(下)——⾃定义组件插槽 (08:45)4-5 警惕频繁事件交互和 setData (11:39)4-6 WXS 实现⼿指滑动监听切换标签（上） (16:10)4-7 WXS 实现⼿指滑动监听切换标签（下） (17:16)4-8 ⾼频技巧，填充屏幕剩余空间实现⼤范围事件监听 (05:48)4-9 【实践作业】 wxs滑动监听优化4-10 章节回顾第5章 代码分层设计实践与⽹络请求封装JavaScript ⾯向对象机制与分层设计初探，实现功能“⾼内聚、低耦合”；JavaScript 异步编程，从回调函数到async/await演进脉络梳理，从容应对⾯试和⼯程。5-1 开篇语 (03:02)5-2 JS⾯向对象与代码分层设计- (21:13)5-3 t⼆次封装实现统⼀响应、异常处理（上） (16:05)5-4 t⼆次封装实现统⼀响应、异常处理（下） (15:55)5-5 告别回调地狱——async、await与同步、异步编程（上） (14:14)5-6 告别回调地狱——async、await与同步、异步编程（下） (17:02)5-7 ⼩试⽜⼑，利⽤⼆次封装的请求库实现服务分类选项加载 (10:00)5-8 “服务预览”组件封装实现服务列表展⽰ (29:45)5-9 Iconfont 样式⽂件5-10 “服务预览”组件样式完善、Iconfont 字体图标使⽤ (18:54)5-11 章节回顾第6章 常⽤⼯程解决⽅案结合实现数据联动展⽰开发不⽌，封装不息， icon、状态展⽰⾃定义组件封装；⾯向对象实现更优雅的实现页⾯数据上拉刷新、下拉加载更多；点亮⼯程必备的技能点，⾻架屏、节流函数的运⽤。6-1 开篇语 (02:08)6-2 Iconfont样式6-3 Iconfont⼆次封装实现⾃定义 icon 组件 (12:18)6-4 提⾼“内聚性”，重构模型类实现分页加载 (29:27)6-5 从下拉刷新实现认识⾯向对象实例与静态⽅法 (27:12)6-6 内容标签页、分类切换数据联动 (17:20)6-7 节流函数6-8 使⽤节流函数防⽌频繁触发调⽤ (12:55)6-9 从节流函数认识⾯试⾼频问题——闭包、this 指向 (17:37)6-10 优化加载提⽰，⾻架屏功能实现 (13:53)6-11 优化加载提⽰，状态展⽰组件 (08:53)6-12 ⼴场页⾯收尾——兼容性配置与样式调整 (15:50)6-13 章节回顾第7章 通⽤组件与业务组件结合实现服务详情页⾯温故⽽知新，button、safe-area通⽤组件实战；换个场景⽤组件，业务组件封装实现页⾯复⽤；引⼊“枚举”概念解决状态值、枚举值硬编码问题；7-1 开篇语 (02:18)7-2 服务详情页⾯⾻架搭建与路由传参实践 (22:02)7-3 ⾃定义头像组件封装与调试技巧分享 (10:56)7-4 数据同步场景分析与 WXS 处理⽂本转换实践 (18:36)7-5 “继承”特性运⽤实现评价列表数据获取 (10:39)7-6 服务评价组件与评分组件封装 (19:53)7-7 服务评价组件完善与图⽚预览 API 实践 (17:53)7-8 枚举值使⽤的最佳实践 (09:40)7-9 安全区域适配解决⽅案 (13:15)7-10 操作栏⾓⾊按钮渲染 (11:27)7-11 ⾃定义组件 behavior机制初探 (22:09)7-12 事件回调参数⼯具函数封装 (09:31)7-13 更新服务状态回调处理函数实现 (14:04)7-14 常见登录⽅式及⼩程序登录 (14:08)7-15 思考题：在⼩程序中采⽤⼿机登陆⽅式的优点7-16 登陆页⾯实现 (25:47)7-17 异常与错误 (17:36)7-18 异常机制与异常捕获 (14:52)7-19 登陆时机控制与刷新令牌 (20:13)7-20 服务状态修改测试以及注意事项 (05:59)7-21 页⾯间事件通信机制实践 (22:39)7-22 ⾃定义 button 与外部样式类 (19:11)7-23 让⾃定义 button 组件⽀持开放能⼒7-24 服务预约页⾯与预约成功页⾯实现 (25:58)7-25 服务详情页⾯收尾 (07:00)7-26 章节回顾第8章 表单提交与表单校验实战 web应⽤必备的表单提交功能，在实现功能的基础上，通过引⼊第三⽅组件，实现表单校验以及认识表单校验的本质和争议点8-1 开篇语 (03:42)8-2 服务表单组件表单项定义 (17:21)8-3 服务类型表单项初始化逻辑实现 (21:49)8-4 深拷贝与浅拷贝 (16:02)8-5 表单项事件回调处理函数实现 (12:22)8-6 图⽚上传组件封装之数据监听器 (13:42)8-7 图⽚上传组件封装之组件元素定义 (15:26)8-8 图⽚上传事件回调处理（上） (13:17)8-9 图⽚上传事件回调处理（下） (16:21)8-10 服务器合法域名配置8-11 发布服务表单联调 (11:59)8-12 编辑服务表单组件联调 (11:48)8-13 发布服务与编辑服务表单提交 (14:03)8-14 表单校验功能实现 (19:50)8-15 思考题：前端/后端已经做了校验，另⼀端还需要做吗？为什么？8-16 组件监听页⾯⽣命周期实现校验状态初始化 (08:36)8-17 原⽣ API 机制踩坑 (09:16)8-18 服务表单组件收尾 (07:39)8-19 章节回顾第9章 即时通讯SDK ⼆次封装与全局状态管理通过引⼊第三⽅ SDK——腾讯云 TIM 实战即时通讯功能，利⽤⾯向对象机制对 SDK进⾏ ⼆次封装，让调⽤变得更加简单；引⼊全局状态管理让 SDK 与业务功能更加有机结合。9-1 开篇语 (08:02)9-2 即时通讯IM SDK 安装9-3 即时通讯 SDK 安装与启动 (10:07)9-4 模型类基础封装与单例模式 (11:06)9-5 获取消息列表模型⽅法封装 (11:59)9-6 测试环境 sign ⽣成函数9-7 TIM 登陆实现 (12:10)9-8 TIM 事件监听机制初体验 (04:57)9-9 全局状态管理介绍 (06:39)9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)9-11 利⽤ MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)9-12 消息列表和消息接收状态管理 (12:52)9-13 测试消息列表获取与消息接收 (10:34)9-14 会话详情页⾯基本⾻架搭建 (10:39)9-15 消息组件封装 (26:11)9-16 ⾃定义类型消息展⽰ (17:54)9-17 消息发送事件回调处理 (12:34)9-18 消息实例创建与⼯⼚模式 (18:19)9-19 发送消息测试 (04:57)9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)9-21 滚动触顶加载更多历史消息 (12:31)9-22 IM ⽤户资料更新与获取实现动态导航标题更改 (12:29)9-23 服务链接发送提⽰功能 (09:51)9-24 会话列表获取与更新事件监听 (10:10)9-25 消息栏⽬会话列表展⽰ (16:27)9-26 ⾃定义徽章组件封装 (11:31)9-27 tarbar未读消息提⽰实现 (08:54)9-28 tarbar状态同步解决⽅案 (15:58)9-29 【补充】tabbar状态同步解决⽅案完善优化 (17:31)9-30 即时通信功能收尾 (11:25)9-31 章节回顾第10章 个⼈中⼼登陆注册与订单、服务管理期末⼤考，前⾯学的，这章都有。通⽤组件复⽤、模型复⽤、徽章组件、评分组件、页⾯业务组件封装；⾃定义组件behaviors实战，组件也可以很“⾯向对象”。10-1 开篇语 (01:13)10-2 个⼈中⼼头部展⽰实现 (07:11)10-3 宫格、宫格元素组件基本定义 (10:38)10-4 组件间关系定义实践 (14:10)10-5 个⼈中⼼宫格展⽰配置化 (07:12)10-6 异步请求执⾏优化与宫格徽章展⽰ (18:03)10-7 组件事件冒泡与穿透 (22:52)10-8 “我的订单”页⾯数据获取与页⾯⾻架搭建 (17:21)10-9 订单预览组件展⽰元素实现 (14:37)10-10 ⼆战 behavior 实现订单预览组件操作栏 (27:14)10-11 “我的服务”列表页⾯实现 (13:42)10-12 订单详情页⾯基本元素展⽰ (24:27)10-13 订单详情操作栏渲染 (15:34)10-14 订单状态更改实现 (13:40)10-15 订单评价页⾯实现 (24:02)10-16 订单评价功能收尾与售后模块说明 (04:57)第11章 课程回顾与总结课程总结回顾，未来展望11-1 课程总结与寄语 (07:38)第12章 课程福利加餐——黄上黄1. 本章内容会针对学员在学习过程中⽐较突出的问题进⾏针对性讲解；2. 根据技术更新迭代升级加餐，能不能⽤，好不好⽤，答案都在这⾥； 3. 灵光⼀现的⽼师⼯作实践⼼得分享，给⼯作经验来个加速器。12-1 【加餐】微信⽀付很复杂吗？（⽼⼿跳过） (06:44)12-2 【加餐】⼩程序发布与低成本运营、运维功能介绍 (13:45)12-3 【加餐】从两个常见的 BUG 调试看代码调试要点 (17:05)12-4 【加餐】注释的作⽤与实践⼼得 (13:57)12-5 【加餐】切换标签和双击标签实现回到页⾯顶部