课程介绍
这门课以“慕慕到家”家政小程序为例,讲小程序的组件化进阶开发。前半部分围绕个人中心与订单:个人中心头部与宫格组件、组件间关系与配置化、异步请求优化与徽章展示、事件冒泡与穿透,订单预览组件、behavior 复用、我的服务列表、订单详情与状态更改、订单评价与售后;并附加微信支付、小程序发布与运营、BUG 调试要点等加餐。
后半部分是《慕慕到家》2.0 的云开发升级:云开发环境开通与云函数,数据库 CRUD、事务、权限与索引,接口交互设计与日志打点,云开发“层”机制与云函数代码复用,倒计时等通用组件和支付模块,二次封装第三方类库实现参数校验,小程序端云函数调用封装与多环境管理,以及小程序 CI 与 GitHub Actions 的结合实践。
网盘说明:本课程为百度网盘资源。
课程目录
第1章 课程指南:配套教材及环境搭建
1-1 《慕慕到家》小程序项目进阶实战导学教程
1-2 课程食用指南
1-3 小黄,做一个小程序
1-4 开发环境、开发工具准备
第2章 初始小程序和项目需求分析
2-1 开篇语
2-2 功能结构与业务流程梳理
2-3 常用基础组件、样式布局入门
2-5 感受平台生态的力量,常用API入门(上)
2-6 感受平台生态的力量,常用API入门(下)
2-8 前后端分离架构的前世今生
第3章 内容标签页、swiper服务分类筛选“最小原型
3-1 开篇语
3-2 原生tabBar组件使用及配置文件介绍
3-3 实现“广场”页面标签页效果(上)
3-4 实现“广场”页面标签页效果(下)
3-5 分类筛选功能实现
第4章 内容标签页组件化,自定义组件定义、插槽、通信。
4-1 开篇语
4-2 进阶必备——自定义组件基本概念
4-3 重构内容标签页(上)——自定义组件
4-4 重构内容标签页(下)——自定义组件
4-5 警惕频繁事件交互和setData
4-6 WXS实现手指滑动监听切换标签(上)
4-7 WXS实现手指滑动监听切换标签(下)
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听
第5章 代码分层设计实践与网络请求封装
5-1 开篇语
5-2 JS面向对象与代码分层设计
5-3 wx.request二次封装实现统一响应、异常处理(上)
5-4 wx.request二次封装实现统一响应、异常处理(下)
5-5 告别回调地狱——async、awa
5-6 告别回调地狱——async、awa
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载
5-8 “服务预览”组件封装实现服务列表展
5-9 “服务预览”组件样式完善、Ico
第6章 常用工程解决方案结合实现数据联动展示
6-1 开篇语
6-2 Iconfont二次封装实现自定义icon组件
6-3 提高“内聚性”,重构模型类实现分页
6-4 从下拉刷新实现认识面向对象实例与静态方法
6-5 内容标签页、分类切换数据联动
6-6 使用节流函数防止频繁触发调用
6-7 从节流函数认识面试高频问题——闭包
6-8 优化加载提示,骨架屏功能实现
6-9 优化加载提示,状态展示组件
6-10 广场页面收尾——兼容性配置与样式
第7章 通用组件与业务组件结合实现服务详情页面
7-1 开篇语
7-2 服务详情页面骨架搭建与路由传参实践
7-3 自定义头像组件封装与调试技巧分享
7-4 数据同步场景分析与WXS处理文本转换实践
7-5 “继承”特性运用实现评价列表数据获
7-6 服务评价组件与评分组件封装
7-7 服务评价组件完善与图片预览API实践
7-8 枚举值使用的最佳实践
7-9 安全区域适配解决方案
7-10 操作栏角色按钮渲染
7-11 自定义组件behavior机制初探
7-12 事件回调参数工具函数封装
7-13 更新服务状态回调处理函数实现
7-14 常见登录方式及小程序登录
7-15 登陆页面实现
7-16 异常与错误
7-17 异常机制与异常捕获
7-18 登陆时机控制与刷新令牌
7-19 服务状态修改测试以及注意事项
7-20 页面间事件通信机制实践
7-21 自定义button与外部样式类
7-22 服务预约页面与预约成功页面实现
7-23 服务详情页面收尾
第8章 表单提交与表单校验
8-1 开篇语
8-2 服务表单组件表单项定义
8-3 服务类型表单项初始化逻辑实现
8-4 深拷贝与浅拷贝
8-5 表单项事件回调处理函数实现
8-6 图片上传组件封装之数据监听器
8-7 图片上传组件封装之组件元素定义
8-8 图片上传事件回调处理(上)
8-9 图片上传事件回调处理(下)
8-10 发布服务表单联调
8-11 编辑服务表单组件联调
8-12 发布服务与编辑服务表单提交
8-13 表单校验功能实现
8-14 组件监听页面生命周期实现校验状态初始化
8-15 原生API机制踩坑
8-16 服务表单组件收尾
第9章 即时通讯SDK二次封装与全局状态管理
9-1 开篇语
9-2 即时通讯SDK安装与启动
9-3 模型类基础封装与单例模式
9-4 获取消息列表模型方法封装
9-5 TIM登陆实现
9-6 TIM事件监听机制初体验
9-7 全局状态管理介绍
9-8 MobX实践SDK登陆、下线状态管理
9-9 利用MobX实现TIMSDK状态与原有登陆机制集成
9-10 消息列表和消息接收状态管理
9-11 测试消息列表获取与消息接收
9-12 会话详情页面基本骨架搭建
9-13 消息组件封装
9-14 自定义类型消息展示
9-15 消息发送事件回调处理
9-17 发送消息测试
9-18 主动消息上屏实现与scroll-view实现指定列表滚动
9-20 IM用户资料更新与获取实现动态导航标题更改
9-21 服务链接发送提示功能
9-22 会话列表获取与更新事件监听
9-23 消息栏目会话列表展示
9-24 自定义徽章组件封装
9-26 tarbar状态同步解决方案
9-27 【补充】tabbar状态同步解决方案完善优化
第10章 个人中心登陆注册与订单、服务管理
10-1 开篇语
10-2 个人中心头部展示实现
10-3 宫格、宫格元素组件基本定义
10-4 组件间关系定义实践
10-5 个人中心宫格展示配置化
10-6 异步请求执行优化与宫格徽章展示
10-7 组件事件冒泡与穿透
10-8 “我的订单”页面数据获取与页面骨
10-9 订单预览组件展示元素实现
10-10 二战behavior实现订单预览组件操作栏
10-11 “我的服务”列表页面实现
10-12 订单详情页面基本元素展示
10-13 订单详情操作栏渲染
10-14 订单状态更改实现
10-15 订单评价页面实现
10-16 订单评价功能收尾与售后模块说明
第11章 《慕慕到家》1.0课程回顾与总结
11-1 课程总结与寄语
第12章 课程福利加餐——黄上黄
12-1 【加餐】微信支付很复杂吗?(老手跳过)
12-2 【加餐】小程序发布与低成本运营、运维功能介绍
12-3 【加餐】从两个常见的BUG调试看代码调试要点
第13章 《慕慕到家》2.0云开发升级内容说明
13-1 《慕慕到家》2.0云开发升级内容说明
第14章 云开发环境开通与云函数初体验
14-1 云开发环境开通
14-2 HelloWorld——小黄的第
第15章 云开发数据库CRUD、事务、索引实践
15-1 祖传技能CRUD——云开发数据库
15-2 祖传技能CRUD——云函数结合数
15-3 数据库事务机制实践——实现签到与
15-4 事务机制要点梳理——数据库事务使
15-5 权限控制机制排坑——云开发数据库
15-6 数据库查询优化——索引的使用与避
第16章 接口交互设计与日志打点实践
16-1 API接口交互基石——服务端统一
16-2 服务端运维排障基石——日志记录功
第17章 云开发“层”机制实践
17-1 云函数代码复用(1)——公共代码
17-2 构建基础样式
17-3 通用组件:倒计时构建方案分析
17-4 通用组件:倒计时构建方案
17-5 支付模块:PC端支付样式处理
17-6 支付模块:移动端支付样式处理
17-7 总结
第18章 二次封装第三方类库实现参数校验
18-1 接口参数校验实践——引入vali
18-2 从能用到好用(1)——基础验证类
18-3 从能用到好用(2)——前置验证与
18-4 从能用到好用(3)——批量规则验
18-5 从能用到好用(4)——接口参数验
第19章 小程序端云函数调用封装实践
19-1 小程序端统一响应异常处理——云函
19-2 多环境管理最佳实践——云开发多环
19-3 前端UI交互——个人中心签到、积
第20章 小程序CI与GitHubActions结合实践
20-1 进阶的前端——CI、CD的工程意
20-2 小程序CI初探(1)——小程序代
20-3 小程序CI初探(2)——构建脚本
20-4 小程序CI初探(3)——云函数上
20-5 GitHubActions结合小程序CI(1)&mdas
20-6 GitHubActions结合小程序CI(2)&mdas
20-7 GitHubActions结合小程序CI(3)&mdas
第21章 理论概念复盘
21-1 实战复盘——大前端与全栈的关系及
21-2 实战复盘——云开发与Server