获取资料

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

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

第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 章节回顾

第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 二次封装与全局状态管理30 节 | 328分钟

通过引入第三方 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 即时通信功能收尾 (11:25)

9-30 章节回顾

第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟

期末大考,前面学的,这章都有。通用组件复用、模型复用、徽章组件、评分组件、页面业务组件封装;自定义组件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章 课程回顾与总结1 节 | 8分钟

课程总结回顾,未来展望

11-1 课程总结与寄语 (07:38)

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址