《慕慕到家》家政小程序组件化进阶实战
第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服务分类筛选“最小原型”实现7 节 | 63分钟
经典开发模式——最小原型模式场景还原,运用基础知识点实战完成功能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章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
从设计到编码,微信小程序核心机制自定义组件实战,通过组件构造、事件传递、插槽构建“可读”、“可维护”、“可扩展”的通用自定义组件;从数据绑定到 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章 代码分层设计实践与网络请求封装11 节 | 147分钟
JavaScript 面向对象机制与分层设计初探,实现功能“高内聚、低耦合”;JavaScript 异步编程,从回调函数到 async/await演进脉络梳理,从容应对面试和工程。
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章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
开发不止,封装不息, 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 章节回顾