《慕慕到家》家政小程序组件化进阶实战

# 《慕慕到家》家政小程序组件化进阶实战
学习没有速成，但可以很有技巧！本课程为你梳理关键知识脉络，通过经典开发场景还原，理清问题的来龙去脉，告别"实现了就好"、"维护不了"的困境；"封装"、"异步"、"架构设计"、"面向对象"等晦涩的名词不再神秘，让"可读性、可扩展性、可维护性"落地。

适宜人群  
1. 在校学生 2. 一年左右前端开发者  
3. 服务端开发者 4. 缺乏实际工程实践  
技术储备要求  
HTML/CSS 基础  
JavaScript 基础

另: 
1：本教程来自某课网，原价299,现由本站整理发布！本站所有课程百分百高清，完整，原画，包含所有的视频+素材+课件+源码
2：本站所有课程格式MP4格式无密 可以通过网盘在线学习也可下载到本地，方便快捷！

## 1. 重要提示
本商品是虚拟资源,付费后会将商品的百度分享链接回显到网页,同时发送到你填写的邮箱
## 视频试看
**试看内容为随机抽选的**
链接：https://pan.baidu.com/s/1lug349wbU8cQ6l3okazB9Q 
提取码：d6un

## 2. 视频主要课程列表如下
第1章 课程指南：配套教材及环境搭建 试看  
本章节介绍课程的背景和知识要点，开局即送课程专享原创课程食用指南、提问指南、小程序评测，让你的学习事半功倍；开发环境搭建指导，开启效率之门。

共 4 节 (25分钟)  
收起列表  
1-1 《慕慕到家》小程序项目进阶实战导学教程 (11:08)  
试看  
1-2 课程食用指南 (01:26)  
1-3 小黄，做一个小程序 (03:56)  
1-4 开发环境、开发工具准备 (08:09)  
第2章 初始小程序和项目需求分析  
本章节从功能结构图、业务流程图入手，建立项目全局视角，深挖设计与编码的矛盾，让画图不再枯燥；以小见大，微信小程序关键知识路径初探，为后续进阶内容打下基础。

共 9 节 (112分钟)  
收起列表  
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------wx.request，前后端分离架构初探 (14:33)  
2-8 前后端分离架构的前世今生 (08:44)  
2-9 章节回顾  
第3章 内容标签页、swiper服务分类筛选"最小原型"实现  
经典开发模式------最小原型模式场景还原，运用基础知识点实战完成功能v1.0版本。是巩固知识，也是启发思考，常见工程隐患"重复实现"、"不可维护"预警。

共 7 节 (63分钟)  
收起列表  
3-1 开篇语 (01:37)  
3-2 原生tabBar组件使用及配置文件介绍 (20:26)  
3-3 实现"广场"页面标签页效果（上） (14:14)  
3-4 实现"广场"页面标签页效果（下） (10:38)  
3-5 分类筛选功能实现 (15:25)  
3-6 作业节  
3-7 章节回顾  
第4章 内容标签页组件化，自定义组件定义、插槽、通信。  
从设计到编码，微信小程序核心机制自定义组件实战，通过组件构造、事件传递、插槽构建"可读"、"可维护"、"可扩展"的通用自定义组件；从数据绑定到 WXS，认识常见小程序开发性能误区，让应用性能不再白白浪费。...

共 10 节 (88分钟)  
收起列表  
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 作业节  
4-10 章节回顾  
第5章 代码分层设计实践与网络请求封装  
JavaScript 面向对象机制与分层设计初探，实现功能"高内聚、低耦合"；JavaScript 异步编程，从回调函数到 async/await演进脉络梳理，从容应对面试和工程。

共 11 节 (147分钟)  
收起列表  
5-1 开篇语 (03:02)  
5-2 JS面向对象与代码分层设计- (21:13)  
5-3 wx.request二次封装实现统一响应、异常处理（上） (16:05)  
5-4 wx.request二次封装实现统一响应、异常处理（下） (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、状态展示自定义组件封装；面向对象实现更优雅的实现页面数据上拉刷新、下拉加载更多；点亮工程必备的技能点，骨架屏、节流函数的运用。

共 13 节 (158分钟)  
收起列表  
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章 通用组件与业务组件结合实现服务详情页面26 节 \| 356分钟  
温故而知新，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章 表单提交与表单校验19 节 \| 214分钟  
实战 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 二次封装与全局状态管理 13 节 \| 116分钟  
通过引入第三方 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)  
第10章 个人中心登陆注册与订单、服务管理  
期末大考，前面学的，这章都有。通用组件复用、模型复用、徽章组件、评分组件、页面业务组件封装；自定义组件behaviors实战，组件也可以很"面向对象"。

第11章 课程回顾与总结  
课程总结回顾，未来展望

获取资源

热门资源

热门电子书

热门资源

热门电子书

友情提示