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

  [复制链接]
查看3070 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg 1 E* a; l8 g' {% ^  S

3 _) r8 x$ z0 F* v! B5 G3 k〖课程介绍〗
: ]8 w0 G5 F: w) g8 W学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。9 G2 X1 u7 v% [6 k
〖课程目录〗- K" J! i0 I' c8 o* N5 _
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟) S7 s& b/ {* @) u- c
1-2 课程食用指南 (01:26)$ ?. T7 A* Y: M" F8 Q7 S: R
1-3 小黄,做一个小程序 (03:56)) ~! g: q! ?8 f; ^0 ~
8 m8 i6 \. O0 g; b9 ]) J5 @
1-4 开发环境、开发工具准备 (08:09)
( ?" E$ f: m* }; x5 K8 P8 V2 d$ w第2章 初始小程序和项目需求分析9 节 | 112分钟- Z( Z1 i/ u, I
2-1 开篇语 (02:05), T- `1 `1 ~; E2 w# A" m! r2 H! z1 ]5 c
2-2 功能结构与业务流程梳理 (23:53)- s  g" h/ d# u  B; |
2-3 常用基础组件、样式布局入门 (16:34)
' R5 f5 B7 c2 _7 w  c2 M2 _2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)+ g9 A  }; P8 ~3 X1 H- G
2-5 感受平台生态的力量,常用API入门(上) (14:28)5 e! N2 y1 B( m; s- q5 e' J
2-6 感受平台生态的力量,常用API入门(下) (14:45)
$ i' z& b. ]( L6 e2-7 特别的API——wx.request,前后端分离架构初探 (14:33)- Z& J8 r( w( i, I1 X  [
2-8 前后端分离架构的前世今生 (08:44)6 X9 I/ m( q( l& F" L
2-9 章节回顾
" M, L1 c3 c0 v
3 t) Z: F3 D. K第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟( U* [- g/ D6 ]
3-1 开篇语 (01:37)
. x, J" B, Y6 {3-2 原生tabBar组件使用及配置文件介绍 (20:26)
4 v+ u/ J; S' e5 v, N3-3 实现“广场”页面标签页效果(上) (14:14)
2 k; I- k9 v) e8 O+ i3-4 实现“广场”页面标签页效果(下) (10:38)
/ J3 w! u1 v6 X: E* Q6 F3-5 分类筛选功能实现 (15:25)/ ^& h7 u1 ?+ o: |: {8 I) A1 @
3-6 【项目作业】服务分类 Swiper 样式优化
. D) S+ r# J. A; D3-7 章节回顾9 W# o4 z* o/ ?. O( s
4 V+ C4 v1 J& E
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
- a( x' o( \4 p) H+ }. A2 n4-1 开篇语 (04:06)( d" i) p2 o0 _1 C: o
4-2 进阶必备——自定义组件基本概念 (09:10)
( f$ H& i7 W$ o. y4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)( y) j3 M, C$ P# p
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
2 V6 W6 b/ [" L2 n5 d4-5 警惕频繁事件交互和 setData (11:39)
$ D% y: g6 O- b( B9 X5 ?4-6 WXS 实现手指滑动监听切换标签(上) (16:10)  K+ H. i4 x) G' m- U! {
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)$ _; Z6 T  V' F5 M% A! U2 ~
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
2 B+ M% i& ]+ Q; b. L& a4-9 【实践作业】 wxs滑动监听优化7 o' m1 @/ j9 D
4-10 章节回顾
4 S8 c% |! n- @- |2 ~8 e. X. g$ j: m  b; D: \
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
( \% _' _% H, d1 d$ M( y9 A+ R# Q5-1 开篇语 (03:02)7 n7 a5 j( m0 a5 _( c& {# L! V$ b
5-2 JS面向对象与代码分层设计- (21:13)
1 \8 `6 N% X2 Y0 l* h( F1 D6 h- P, G/ @5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)6 h+ o. c2 F* J$ |  o
5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55): Y0 ?. p) T, D9 n4 {7 V# o
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)
8 I4 w! {/ R3 D: N6 j5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02), f2 e. t5 q; {, p# S2 E9 E1 ~) A/ t
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)
8 p, ]. ?1 ?; N5 T. D6 _/ V, v2 _5-8 “服务预览”组件封装实现服务列表展示 (29:45)
5 V8 Y; D/ H; L2 {5-9 Iconfont 样式文件" x& f8 m& O: d$ X; E; t
5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54): P# B) Y4 X; r
5-11 章节回顾1 {( r* b/ D, L, V, y4 ?4 Q

/ F4 E6 z* Z/ {, U2 _$ ~8 I第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟+ B( V! e4 h: Q, y9 F' n( K
6-1 开篇语 (02:08)/ Z' l9 k. ?5 n/ H
6-2 Iconfont样式  U# ~" L# v" J/ o  E, H
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
; ^! f- ^1 Z' D" @2 q6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)  G& Q- S$ v8 o& n
6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)# g! d! J9 ?9 }5 A3 x1 z  Z/ `
6-6 内容标签页、分类切换数据联动 (17:20)
- K: v- I2 {0 {& ^6 H6-7 节流函数
3 A) b" k% s. x6 A: r4 N, |# I2 P6-8 使用节流函数防止频繁触发调用 (12:55)" p/ ^* }1 o$ B' h& s
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)3 E% u6 j* y( T. w
6-10 优化加载提示,骨架屏功能实现 (13:53)
" F9 C' @, Q9 C4 S8 j" d4 x: U6-11 优化加载提示,状态展示组件 (08:53)
4 b* H& E7 {7 P6-12 广场页面收尾——兼容性配置与样式调整 (15:50), Q: h$ s% o* t' h$ u
6-13 章节回顾( N5 H  K2 R0 X$ Y' `6 ?

- h+ Y$ K" D# K3 O$ ?第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟- ]: w* h) r; z' \9 s& \
7-1 开篇语 (02:18)& C- J9 J4 B- o2 R# \; v$ M
7-2 服务详情页面骨架搭建与路由传参实践 (22:02)+ y/ M2 ^- ?2 i+ [% F2 Y& z
7-3 自定义头像组件封装与调试技巧分享 (10:56): ]2 m, q. N0 U
7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36), b' o: G6 x. C) x" i' w
7-5 “继承”特性运用实现评价列表数据获取 (10:39)
) P: f4 c% }( A( e: S9 Q' ~. }7-6 服务评价组件与评分组件封装 (19:53)
. [. B, \) t6 [' L- ]8 u7-7 服务评价组件完善与图片预览 API 实践 (17:53)5 l, G5 ?6 Y2 `" n0 G! r% }) K( m
7-8 枚举值使用的最佳实践 (09:40)* `8 G5 j+ C0 Q/ q
7-9 安全区域适配解决方案 (13:15)
* Q8 v( x% T% J0 m8 a7-10 操作栏角色按钮渲染 (11:27)
! P; |5 j, {7 U6 R1 l5 i2 D7-11 自定义组件 behavior机制初探 (22:09)
3 c) J, t+ i4 G8 {  e) ^7-12 事件回调参数工具函数封装 (09:31)
7 K" `* i8 t# t/ M- v4 d; T7-13 更新服务状态回调处理函数实现 (14:04)
8 J6 a- n  Z- \7-14 常见登录方式及小程序登录 (14:08), |6 j7 E: c2 E3 [6 j1 s
7-15 思考题:在小程序中采用手机登陆方式的优点
. E' U7 P8 v0 r9 o7-16 登陆页面实现 (25:47)+ W) T) P  b: b  g  T
7-17 异常与错误 (17:36)
+ p+ T2 A1 l: H3 w- V7-18 异常机制与异常捕获 (14:52)" h& J! x" ?$ Z6 l8 V6 E& k/ {% q
7-19 登陆时机控制与刷新令牌 (20:13)
( Y$ y7 |6 A/ r' x% \7-20 服务状态修改测试以及注意事项 (05:59)
* ^" Q* i8 ^, h* r% {+ J7-21 页面间事件通信机制实践 (22:39)# m5 w$ S1 R0 P" d9 d* A1 o+ A2 `- Q
7-22 自定义 button 与外部样式类 (19:11)
$ f$ h2 C( O% w7 i, A* a) n1 B' E7-23 让自定义 button 组件支持开放能力. o1 h/ l  b5 g- t% k
7-24 服务预约页面与预约成功页面实现 (25:58)! \% [) s" A7 v0 P( E
7-25 服务详情页面收尾 (07:00)
, H( O0 d9 Z+ R/ f* }$ O8 [7-26 章节回顾1 d1 H9 h' x2 Y9 _# }
& A2 i9 H6 P. S+ {; P- P8 H! |
第8章 表单提交与表单校验19 节 | 214分钟
* [6 H5 Z  A& m5 i- H1 g! ^; Y8-1 开篇语 (03:42)% I+ s, {* X4 J2 q
8-2 服务表单组件表单项定义 (17:21)
4 _. `. A8 N# V2 z! M8-3 服务类型表单项初始化逻辑实现 (21:49)# x% e; Y' k- v. U- C' \: }( u
8-4 深拷贝与浅拷贝 (16:02)
! K8 I  u. q7 P# I$ m4 V8 x8-5 表单项事件回调处理函数实现 (12:22)
: o( E9 S3 ~  v1 Z8-6 图片上传组件封装之数据监听器 (13:42)+ d) X4 j; Y. Q. c$ n# u3 |' U
8-7 图片上传组件封装之组件元素定义 (15:26)7 M% {/ I  d7 k! B4 ^: `1 m
8-8 图片上传事件回调处理(上) (13:17)
- W( I. z' L3 h  y8-9 图片上传事件回调处理(下) (16:21). _) _0 V/ x/ y: E
8-10 服务器合法域名配置4 q+ D) i1 u& h
8-11 发布服务表单联调 (11:59)  R" m- L) u  I: _. F7 J
8-12 编辑服务表单组件联调 (11:48)" g# T9 Z/ \5 S0 ]% O6 a6 V
8-13 发布服务与编辑服务表单提交 (14:03)
& w1 k& a5 |3 {2 t8-14 表单校验功能实现 (19:50)' {6 W. R( W$ Z
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
) L' x; H8 d% n& f! i8 S* i$ `: F1 D8-16 组件监听页面生命周期实现校验状态初始化 (08:36)% f! X/ j) E. u3 r$ f' ^
8-17 原生 API 机制踩坑 (09:16)
+ X, J: ^% S6 D% u8-18 服务表单组件收尾 (07:39)  [# x. ~. C. n- F* G9 G# x  \
8-19 章节回顾
" C7 r" L. N' z5 w5 Z% _6 T% c" }1 N3 ?. P8 I: n& l4 E
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
0 T' j6 k+ Y: M% X9 K" X9-1 开篇语 (08:02)& z7 X5 w" }) r
9-2 即时通讯IM SDK 安装3 C/ h# `' }3 D0 r
9-3 即时通讯 SDK 安装与启动 (10:07)
3 n' z) I! x& i8 B9-4 模型类基础封装与单例模式 (11:06)
3 E. C$ f% F3 q! v) p. r0 y9-5 获取消息列表模型方法封装 (11:59)/ c6 T! [' _' D0 F
9-6 测试环境 sign 生成函数# A3 c" U$ o  S& S
9-7 TIM 登陆实现 (12:10)/ \* C1 r. s5 l4 {
9-8 TIM 事件监听机制初体验 (04:57)1 Z3 V* W  Y- S
9-9 全局状态管理介绍 (06:39)
" p) p9 `! {9 S# z, f; y4 r9 q8 ~3 q, v* \6 e9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)$ n/ r7 ^, v  q! e3 f4 }$ K" @9 |, _" o
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)' ?' G. t0 K4 B2 x
9-12 消息列表和消息接收状态管理 (12:52)( C/ h3 Q6 a. l2 m* v3 E: l4 ?
9-13 测试消息列表获取与消息接收 (10:34)8 O$ _' W! x' q
9-14 会话详情页面基本骨架搭建 (10:39)
4 F( Y2 W' B1 l- a9-15 消息组件封装 (26:11)! N4 s- t' D1 X/ x) c) |. S
9-16 自定义类型消息展示 (17:54)
9 B2 B5 K+ ?! u% }0 u0 O9-17 消息发送事件回调处理 (12:34)
# T! R; v! ~/ q/ B0 ^9-18 消息实例创建与工厂模式 (18:19)/ x  S, f6 u6 I/ _  u
9-19 发送消息测试 (04:57)9 E6 T" |1 L% O- v' J3 |" C
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
( D' o/ m$ D7 a3 {" s0 W& n7 I9-21 滚动触顶加载更多历史消息 (12:31)
% R, i. z, \! x' H1 A+ W9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29): W, u9 c6 l" Y9 C2 o
9-23 服务链接发送提示功能 (09:51)
2 o% m. e) Q+ r) Z9-24 会话列表获取与更新事件监听 (10:10)) }, c2 r  D7 T+ r8 G" q* Y8 n
9-25 消息栏目会话列表展示 (16:27)/ F& m+ n& p1 B; E% U" T& z
9-26 自定义徽章组件封装 (11:31)
. [3 i0 l' v) _+ R0 S7 @! J9-27 tarbar未读消息提示实现 (08:54)0 Q; g/ X5 J0 m/ `" o. G# Q
9-28 tarbar状态同步解决方案 (15:58)/ O' _% h7 p9 ^& P( Q
9-29 即时通信功能收尾 (11:25)8 T" q7 Q" P9 Z1 w+ `" l
9-30 章节回顾8 N( f" n/ W$ v0 o+ O

6 ~) h6 n$ p  r6 _& y2 V第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
& g* c; S6 p% D2 ?% ?8 i10-1 开篇语 (01:13)
% }) ?/ [8 n) ]8 r' U% Y% l+ v10-2 个人中心头部展示实现 (07:11)
6 h- k& J, d& U/ v7 `10-3 宫格、宫格元素组件基本定义 (10:38)
$ h; |1 n1 J. _0 \3 P10-4 组件间关系定义实践 (14:10)0 Z! V$ V( a1 [  q
10-5 个人中心宫格展示配置化 (07:12)/ r5 n; ~# W. ~  O/ p
10-6 异步请求执行优化与宫格徽章展示 (18:03)
, }- ~& G( [3 o1 ?5 ~10-7 组件事件冒泡与穿透 (22:52)
2 z6 V! b' {8 I9 p10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
$ O" m7 o% h2 H5 r$ q) x) z, `' z- Q10-9 订单预览组件展示元素实现 (14:37)
# w" e5 @8 h7 @3 Q1 S; w( g10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
% D8 B$ s+ @6 K/ W* P& H10-11 “我的服务”列表页面实现 (13:42)
1 V# o5 m4 O/ B- F) l4 C9 s! o10-12 订单详情页面基本元素展示 (24:27)% K/ N3 p1 a" }1 }. B, Q# f  K
10-13 订单详情操作栏渲染 (15:34)
6 o1 Q9 O5 M7 _7 T: U( i; n& Z0 H10-14 订单状态更改实现 (13:40). V3 f2 ?0 A: U* r9 w$ |+ [
10-15 订单评价页面实现 (24:02)
0 D' F: u0 J" R3 ^7 g10-16 订单评价功能收尾与售后模块说明 (04:57)3 ~: k1 O- c+ \; G# g/ v

% e6 @- |( k% B) W5 M9 _第11章 课程回顾与总结1 节 | 8分钟) x1 _" j0 B6 u: e
11-1 课程总结与寄语 (07:38)# k' b, {9 o& y8 n. l0 J

  Q5 `+ G# |  U" m$ {: G〖下载地址〗
* _0 G( J1 w$ S" D0 w7 `2 U
游客,如果您要查看本帖隐藏内容请回复

- J* V4 S  n6 h! }4 G. ]1 z〖升级为永久会员免金币下载全站资源〗
4 l/ H2 }4 p( M全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

- j8 i/ o  \1 L; q4 i5 W: A% [
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏 4 ]4 t8 Z3 S& ~0 s! b, O2 r7 l
分享分享
回复

使用道具 举报

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 | 显示全部楼层
支持支持支持支持支持支持
回复

使用道具 举报

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

本版积分规则