2022升级！《慕慕到家》家政小程序组件化进阶实战
变化的是需求，不变的是初心，为你的成长保驾护航给你会生长的项目+更多元的技能……
初级前端的首次尴尬
学过一点前端，跟着各种资料
和教程能让代码跑起来，但是
不知道为什么能跑起来和为什
么代码要这么写。缺乏工程经
验，没有开发套路，效率低
下；一键运行，满屏报错。
慕慕到家 1.0
2021年6月·课程上线
披荆斩棘
a. 基本知识要素掌握
b. 原理、易错机制排坑
c. 正、反工程实践对比
d. 组件化、模块化开发
e. 面向对象与设计模式
f. 分层架构设计
做高效的前端开发者
解锁成就
1、写出“好代码”- 拒绝过时、槽糕的代码风格，写“拿得出手”的工程级代码。
2、组件化开发 - 从设计到开发，从“最小原型”迭代至灵活好用，掌握自定义组件的高级
用法，深度践行组件化开发理念。
3、提升工程质量 - 用好面向对象与设计模式，提高项目的可维护性和可扩展性。
4、异步编程 - 功能解耦、提高效率的秘诀（异步编程/事件通信/响应式编程实践）。
5、无惧Web前端开发 - 掌握小程序关键知识脉络与通用软件工程设计、开发能力，从容
应对各种小程序开发和快速上手其他任意前端框架。
前进路上的第二次困惑
随着项目经验的逐渐积累，自
身的工程能力已经达到了一定
水平，业务功能开发已经变得
索然无味。想更进一步，大前
端、全栈傻傻分不清楚，学习
的方向成了最困惑的问题。
慕慕到家 2.0
2022年4月·首次升级
上云体验
a. 云函数
b. 云开发数据库
c. 原理、易错机制排坑
d. 工程实践解决方案
e. CI/CD
从前端，迈向大前端
格局打开
1、云开发构建后端接口 - 以云开发为切入点，感受 Node.js 在服务端环境下的无限可
能， 掌握云开发构建 web 应用后端接口。
2、自动化集成部署 - 迈向大前端的关键一步，小程序 CI 结合 Github Actions 构建 CI/
CD流水线，实现自动化集成部署。
3、摆脱前沿概念疑惑 - 从实战看透理论，大前端、全栈、Serverless 概念解读，把握未
来技术发展脉络，就业学习不再迷茫。
基于家政小程序的多样化业务场景，快速掌握常用的设计思路与实现方法
《慕慕到家》项目贯穿课程，易维护、可扩展，是学习媒介也是个人作品
服务列表展示
分类查询
类型查询
服务信息预览
个人中心
登陆/注册
预约订单管理
服务发布管理
订单评价
售后退款
我提供的服务
我正在找的服务
每日签到
个人积分查询
即时通讯
会话列表展示
收、发消息
未读消息提醒
自定义消息体
预约服务
预约信息录入
预约申请提交
预约状态、详情
发布服务
服务信息表单提交
picker 组件
表单校验
图片上传
扫码体验《慕慕到家》
从前端开发到云开发部署，技术点拆分细腻，不留盲区
手撸十余个自定义组件，让你知道什么叫“学得神清气爽”
必备基础
常用 flex 布局技巧
常用原生组件
常用原生 API
JavaScript ES6/
面向对象设计
自定义组件
基础封装与使用
插槽机制运用
behaviors 机制
组件/页面间通信
通用组件封装
徽章组件/按钮组件
图标组件
屏幕安全区域组件
状态展示组件
内容标签页组件
业务组件封装
会话消息组件
服务链接组件
联系人组件/评分组件
订单信息/预览组件
服务信息预览组件
服务表单组件
性能优化
WXS 场景与实践
数据绑定原则
本地缓存
计算属性
即时通讯 TIM
SDK 集成与二次封装
高仿微信聊天
单例模式
自定义消息体
全局状态管理
属性/action 定义
登陆状态管理
未读消息通知
即时消息上屏
前端通用设计
IconFont
全局统一响应
异常处理
代码分层设计
云开发
云函数
云开发数据库
统一响应、异常处理
日志记录
二次封装参数验证器
工程自动化
小程序 CI
GitHub Actions
历届学长们的10分推荐，只叹相逢恨晚
课程大纲
第1章课程指南：配套教材及环境搭建
本章节介绍课程的背景和知识要点，开局即送课程专享原创课程食用指南、提问指南、小程序评测，让你的学习事半功倍；开发环境搭建指导，开启效率之门。
第2章初始小程序和项目需求分析
本章节从功能结构图、业务流程图入手，建立项目全局视角，深挖设计与编码的矛盾，让画图不再枯燥；以小见大，微信小程序关键知识路径初探，为后续进阶内容打下基础。
第3章内容标签页、swiper服务分类筛选“最小原型”实现
经典开发模式——最小原型模式场景还原，运用基础知识点实战完成功能v1.0版本。是巩固知识，也是启发思考，常见工程隐患“重复实现”、“不可维护”预警。
第4章内容标签页组件化，自定义组件定义、插槽、通信。
从设计到编码，微信小程序核心机制自定义组件实战，通过组件构造、事件传递、插槽构建“可读”、“可维护”、“可扩展”的通用自定义组件；从数据绑定到 WXS，认识常见小程序开发性能误区，让应用性能不再白白浪费。
第5章代码分层设计实践与网络请求封装
JavaScript 面向对象机制与分层设计初探，实现功能“高内聚、低耦合”；JavaScript 异步编程，从回调函数到 async/await演进脉络梳理，从容应对面试和工程。
查看完整目录
专属服务
每个IT资源网课程，都是一个专业的技术社区
个性化增值服务，学习有保障更高效
答疑专区+技术社区
连百度谷歌都搜不到的问题，在这里讲
师都将耐心详细解答，更有小伙伴一起
交流互动，共同进步。
课程全套代码下载
提供课程全套源代码下载，包含：
全套组件封装镜像、私有仓库、各个服
务的镜像、项目源代码。
独家“动态”教辅材料
丰富的专属教辅资料上传更新，通过课程
教案、原理图解、技术文档、演示案例等
各种教材，保障你的学习效果。
实用电子文档
部分简单内容以图文形式呈现，与视频
相配合，既保障学习效果，又提高了学
习效率。
页:
[1]