家政小程序组件化进阶实战

  [复制链接]
查看3544 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg * y8 ^1 y) f9 b2 E( B% ]
& C" t. t. d1 Z$ Q  g9 r6 T: s
〖课程介绍〗- r# f2 \* w! k7 T2 c
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。
6 R# z- [; o- [" V) R& P〖课程目录〗  T7 W; f  l5 m0 H) t/ N% C$ u9 S- m  C6 c
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
3 }* R  A! r3 Z, [1-2 课程食用指南 (01:26)
9 _" H" Z" E7 y) F, W: x1-3 小黄,做一个小程序 (03:56); d4 s# W0 c7 B4 Y, E; M; F
& Q% ^7 V# L( F" ~
1-4 开发环境、开发工具准备 (08:09)4 b% Y5 j0 U3 N% W# u
第2章 初始小程序和项目需求分析9 节 | 112分钟- X$ T. U( I2 T# d) v
2-1 开篇语 (02:05)6 |: L7 |: U* F. H3 J" c" Y' f( ]
2-2 功能结构与业务流程梳理 (23:53)
; Y( W9 o3 b! d4 |  e$ l0 v2 V3 i, O2-3 常用基础组件、样式布局入门 (16:34)! q& f! J$ K  `
2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)
9 Z4 h* z" N# Z2-5 感受平台生态的力量,常用API入门(上) (14:28)
' j( E4 V! |1 z. G& \3 ~" u2-6 感受平台生态的力量,常用API入门(下) (14:45)
$ i: I3 M+ ?- N8 ^4 F' s; o+ x0 [2-7 特别的API——wx.request,前后端分离架构初探 (14:33)( X2 z. H$ K  E& F6 w9 z+ V$ S
2-8 前后端分离架构的前世今生 (08:44)
2 Z8 t: x" Y. s4 G2-9 章节回顾2 C) x  V+ C/ Q+ Q4 U# y

, s. F) D2 Q5 P) X第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟0 ]- t! E# j# y+ {
3-1 开篇语 (01:37)
+ ~7 N! k1 a4 e3 i9 |& }3-2 原生tabBar组件使用及配置文件介绍 (20:26)
! Z$ X5 K* b! a0 S3-3 实现“广场”页面标签页效果(上) (14:14)
" }% B5 }  {' g& j8 [3-4 实现“广场”页面标签页效果(下) (10:38)0 q1 A, {, o( |7 }; R- D% ~7 |! ^
3-5 分类筛选功能实现 (15:25)' F; M# j* m& x
3-6 【项目作业】服务分类 Swiper 样式优化
$ p& @1 F8 x2 o, y- K) B/ s! G3-7 章节回顾
! L( Y( S  H) l$ v, d) S9 A
  s- }0 h& N% ?$ I5 h第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟# |. o; ~1 o$ p$ _7 Y) _7 _
4-1 开篇语 (04:06)) o- V4 ?* j+ [/ a( a) }
4-2 进阶必备——自定义组件基本概念 (09:10)
. T' c8 o9 c* y. L2 N- K% M4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
8 V" a2 Y$ _: [3 O' Y4-4 重构内容标签页(下)——自定义组件插槽 (08:45)! V" \  q' F* v2 V- G
4-5 警惕频繁事件交互和 setData (11:39)
: p6 A1 P* P/ M$ p) }. ^/ S" J4-6 WXS 实现手指滑动监听切换标签(上) (16:10)
9 W$ O- E  o4 e4-7 WXS 实现手指滑动监听切换标签(下) (17:16)
( f& o2 f7 @( J% l# h- J4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)* s' B" K; ^/ U
4-9 【实践作业】 wxs滑动监听优化
1 M& q6 P% |4 u$ V4-10 章节回顾5 L! v4 `, u; W/ k# y6 S' |' Y) T/ W

& \6 v6 D2 ~4 Q第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
! ^! e  b5 E) s3 Y7 ?/ e' I5-1 开篇语 (03:02)
7 w/ m. L; k, U  J5-2 JS面向对象与代码分层设计- (21:13)" n" z. `* W' G) W$ \( ^
5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
6 }: c. Y& f9 ]$ G  @* M+ M( ^5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)+ o( ^. S, `0 ~6 U
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)
  Q0 A* |( H; \) P( x" X( i5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)# S* W$ z3 D" j  m6 ?2 y: v
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)2 \3 p1 O& w! U9 G# }  o! m
5-8 “服务预览”组件封装实现服务列表展示 (29:45)
, Q# @9 [+ N* N5-9 Iconfont 样式文件
3 K! k. y" \( x  U1 _0 e5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)- M' p! m9 `4 p- U) k
5-11 章节回顾& {4 A) ?% c, A2 K- t# c' I5 T$ I( j* [
0 `+ M* `; f9 L: q1 ~- @
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
. |% z- S( \/ n& p* b6-1 开篇语 (02:08)5 A: {  h6 g+ H( E
6-2 Iconfont样式7 @. {0 F$ ^. P
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
1 m1 O$ k3 Q6 c* [6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)1 U0 }5 y$ `. c/ k8 I
6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)" q2 n  b& E) p3 a2 j
6-6 内容标签页、分类切换数据联动 (17:20)
+ N/ v; `2 U% t' Q& |+ }/ s6-7 节流函数/ K$ d8 i1 }  J8 z4 N
6-8 使用节流函数防止频繁触发调用 (12:55)0 R2 L! |# {+ v7 {0 W) D
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
2 J2 S! F/ i3 s$ H' A, I6-10 优化加载提示,骨架屏功能实现 (13:53)
* m/ [$ q' g0 r. y6-11 优化加载提示,状态展示组件 (08:53)' A& A4 R, M- y
6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
# I! m1 A7 Q0 W1 X* u1 O- H/ I! U8 S7 R6-13 章节回顾8 R1 r+ G6 K: O. }& H8 o

* N2 S- t8 g( l第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
% x9 `7 F3 |& t- y6 s+ s$ T( S7-1 开篇语 (02:18)
' e7 ?- [# f- F) j7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
" l7 A" ]4 d, m- a7-3 自定义头像组件封装与调试技巧分享 (10:56)
2 N; P9 p2 u% ?7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
1 F) \5 M2 E8 h6 |% B2 _( x2 z5 m' T5 M8 e7-5 “继承”特性运用实现评价列表数据获取 (10:39)" ^) r3 g4 ^, v! U
7-6 服务评价组件与评分组件封装 (19:53)
  t% Z2 e% t8 l7-7 服务评价组件完善与图片预览 API 实践 (17:53)3 Y" g" L! y3 `6 i, L4 v6 o  A
7-8 枚举值使用的最佳实践 (09:40)
1 @' a5 {" }, o3 R0 m/ L6 G, ^7-9 安全区域适配解决方案 (13:15)7 L$ n! `- s7 ]9 e
7-10 操作栏角色按钮渲染 (11:27)- L) ^, B& @8 U) k4 Q. M: D
7-11 自定义组件 behavior机制初探 (22:09)
0 ]9 G4 t3 ?0 B& _3 c7-12 事件回调参数工具函数封装 (09:31)1 z( `( F. ~3 M( S& S4 c
7-13 更新服务状态回调处理函数实现 (14:04)
- w4 h# m6 V5 P3 y% T( h& H, a7-14 常见登录方式及小程序登录 (14:08)
) o& H7 D* w! l4 Y# n7-15 思考题:在小程序中采用手机登陆方式的优点" R) e$ Z0 q9 m" p
7-16 登陆页面实现 (25:47)5 k7 L0 U2 k$ A, b# j9 Y
7-17 异常与错误 (17:36)
5 z" @% e, l. ^6 o# A, n5 z7-18 异常机制与异常捕获 (14:52)
6 w- [& o% {$ `1 j! @) j7-19 登陆时机控制与刷新令牌 (20:13)' Q5 `9 f- s2 ^7 ]4 n
7-20 服务状态修改测试以及注意事项 (05:59)( s; Q1 i+ n( d7 Z, f9 @& H
7-21 页面间事件通信机制实践 (22:39)
% R# c; Q9 ?* D/ K9 D  m' ]7-22 自定义 button 与外部样式类 (19:11); Y. B8 r# U: o& T
7-23 让自定义 button 组件支持开放能力
0 b8 `) g) R5 S! c9 w0 P7-24 服务预约页面与预约成功页面实现 (25:58)& I( s, F- Q6 W2 h9 {
7-25 服务详情页面收尾 (07:00)
8 R8 D( l5 X5 ~7-26 章节回顾
7 |) N7 E5 L1 r% Y0 ?1 d0 M
0 S0 @7 B. ]3 ~6 }8 Y9 l( J第8章 表单提交与表单校验19 节 | 214分钟
7 J* j) L; P: A+ L8 b) S  C8-1 开篇语 (03:42)
/ Z2 ^: M$ g1 o' e3 E& Y8-2 服务表单组件表单项定义 (17:21)$ v2 U5 Z5 T* a* w
8-3 服务类型表单项初始化逻辑实现 (21:49)3 b& G, \  k! S" t) f5 c3 w7 Y' K
8-4 深拷贝与浅拷贝 (16:02), T; W5 y8 ?/ e9 k
8-5 表单项事件回调处理函数实现 (12:22)
7 Z! w! \" G2 g; l: N+ {# ^' g" |8-6 图片上传组件封装之数据监听器 (13:42)# b0 T9 i5 g4 I. j+ h
8-7 图片上传组件封装之组件元素定义 (15:26)
0 |( _: j- m& D  q9 `6 \8 ], h8-8 图片上传事件回调处理(上) (13:17)
4 c: n: y' \' i- F8-9 图片上传事件回调处理(下) (16:21)
; K- q8 B/ O- A8-10 服务器合法域名配置
& Q2 f. c, d, |0 a1 g8-11 发布服务表单联调 (11:59)
; c: M' [8 l6 q/ @' K4 C7 l- w8-12 编辑服务表单组件联调 (11:48)2 Z( y# b' N: N- K% ~4 e/ z8 |
8-13 发布服务与编辑服务表单提交 (14:03)
2 W' k1 Q0 \4 a& K: U, F8-14 表单校验功能实现 (19:50)% @* _: b2 z% H) @8 r
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?0 U5 F  d: v/ }
8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
, m- P7 X  w2 B/ _8-17 原生 API 机制踩坑 (09:16). G2 y* m' F7 Y1 Y6 A
8-18 服务表单组件收尾 (07:39)
0 u! q+ `& n2 ^2 F8-19 章节回顾
/ f3 z8 @* H5 n4 R9 R, F6 O
7 G/ k' |- m  c第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟4 n. s9 F2 ?( x) Z& Z; W6 a
9-1 开篇语 (08:02)
& Z  ]6 T+ Z) y9-2 即时通讯IM SDK 安装/ E' k. ~  Q+ K
9-3 即时通讯 SDK 安装与启动 (10:07)2 I5 f( d/ a' o3 ]- B
9-4 模型类基础封装与单例模式 (11:06)9 _7 E- `6 n6 r+ ?1 w- V% T
9-5 获取消息列表模型方法封装 (11:59)* c, ~8 x$ l( _, @
9-6 测试环境 sign 生成函数
1 t/ s: a% w* o! Z3 W9-7 TIM 登陆实现 (12:10)8 G/ ]) J4 K. s, n0 b' d% |
9-8 TIM 事件监听机制初体验 (04:57)
5 _$ V+ j2 d" G3 U+ ]( F9-9 全局状态管理介绍 (06:39)0 L4 G" Z/ \1 o% z+ A8 Z7 W
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)6 O0 u% e/ ]: ?7 o
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
, `: \" C% v; R- p9-12 消息列表和消息接收状态管理 (12:52)
  k, P" c! s( N! H9-13 测试消息列表获取与消息接收 (10:34)
, d9 p; U) l5 q9-14 会话详情页面基本骨架搭建 (10:39)
$ x! e2 o! Y! h1 ?  m3 ~4 l1 t9-15 消息组件封装 (26:11)' ^- L, j) c; {/ @1 E$ ?
9-16 自定义类型消息展示 (17:54)
" U, S1 a- O+ X6 J7 ]3 D9-17 消息发送事件回调处理 (12:34)
, a0 c6 a+ w: @% ~! h2 D6 }9-18 消息实例创建与工厂模式 (18:19)$ k1 t$ P* d4 H$ S, ^2 K  @
9-19 发送消息测试 (04:57)5 T& a  A; ?$ W+ l9 t1 I5 v) O( A
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33): Q$ i8 ^% Q7 F0 |+ X% w7 j* _8 z/ |
9-21 滚动触顶加载更多历史消息 (12:31)
& _2 F0 q" {7 k% [5 G) I9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
9 K$ z5 F) z, x7 l* b9-23 服务链接发送提示功能 (09:51)) ^- p- E7 C% \+ B0 v5 S9 L5 Q5 G
9-24 会话列表获取与更新事件监听 (10:10)
* c- k8 U4 q: q0 U* w9 a9-25 消息栏目会话列表展示 (16:27)( n# {# Q4 _( \1 D
9-26 自定义徽章组件封装 (11:31)
! j# I& R) w7 K7 B9 l! K9-27 tarbar未读消息提示实现 (08:54)
9 k$ X. s* K+ j+ O. _; q, [2 b$ W9-28 tarbar状态同步解决方案 (15:58)5 T  x) Y# u) T/ B1 l, P' V/ u
9-29 即时通信功能收尾 (11:25)
, e7 I% Z. H7 r7 }! H' Y& V# t& Q! Q9-30 章节回顾9 C* J4 C! U$ T7 H  u; x

% D, h" t6 ?' V$ G* N; S第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟! b& a- ^0 O6 \2 g
10-1 开篇语 (01:13)
. ?1 q/ M2 y/ E1 N10-2 个人中心头部展示实现 (07:11)6 H4 z+ j/ u  Q. m) @
10-3 宫格、宫格元素组件基本定义 (10:38)& w3 O6 k7 F7 L" N
10-4 组件间关系定义实践 (14:10)
- W- A0 G7 E: j9 [10-5 个人中心宫格展示配置化 (07:12)
9 c. w" n7 |( F10-6 异步请求执行优化与宫格徽章展示 (18:03)0 U. R+ ]% @) d' G) L# }
10-7 组件事件冒泡与穿透 (22:52)) d- j4 H5 ~5 T: K  ?) I4 N
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21). T- G1 s4 s! D# c. U) i& h" s- q
10-9 订单预览组件展示元素实现 (14:37)
, Y$ e# ~1 t! p10-10 二战 behavior 实现订单预览组件操作栏 (27:14)  T& h5 m+ D3 J5 ?. O6 ^
10-11 “我的服务”列表页面实现 (13:42)
9 Y3 g7 e" O  N$ }% M10-12 订单详情页面基本元素展示 (24:27)) F9 [" y# b/ \8 z  o- ?
10-13 订单详情操作栏渲染 (15:34)' {& ^% l( K$ w" p# ^
10-14 订单状态更改实现 (13:40)
/ Q2 x; P9 b: Y; e10-15 订单评价页面实现 (24:02)
1 e. F. l5 `+ e; `' p5 ~10-16 订单评价功能收尾与售后模块说明 (04:57)
" o! ]1 g; c) C0 E6 K# Y% [
) e! L: N: q/ I/ N第11章 课程回顾与总结1 节 | 8分钟
7 D, f7 v7 |: p11-1 课程总结与寄语 (07:38)) S; ~# X, g- R4 ?

5 c% f2 r3 A9 R  k2 g〖下载地址〗
/ @# y& H% U' k( Z+ L; x
游客,如果您要查看本帖隐藏内容请回复
. K7 ^  E. B) I0 c( r
〖升级为永久会员免金币下载全站资源〗
+ @# [! W! V' K+ y- x全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
4 P' A9 ~1 P! \5 f) l( r$ o1 k% [) {
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏 / L1 T2 R0 s: H2 a0 v+ P1 F5 J' P
分享分享
回复

使用道具 举报

ustc1234 | 2021-9-15 08:09:22 | 显示全部楼层
家政小程序组件化进阶实战
回复

使用道具 举报

Feanmy | 2021-9-15 09:18:39 | 显示全部楼层
666666666666666666
回复

使用道具 举报

tiedong | 2021-9-15 09:48:28 | 显示全部楼层
础组件、样式布局
回复

使用道具 举报

2583151529 | 2021-9-15 19:44:51 | 显示全部楼层
6666666666
回复

使用道具 举报

xianyi | 2021-9-15 22:18:46 | 显示全部楼层
支持楼主
回复

使用道具 举报

xiaohang1002 | 2021-9-23 10:25:01 | 显示全部楼层
家政小程序组件化进阶实战
回复

使用道具 举报

xiaoyou | 2021-9-25 09:23:14 | 显示全部楼层
支持支持支持支持支持支持
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则