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

  [复制链接]
查看3791 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg 4 h  Z* h! E* q- O1 C* x- s
2 f8 o8 C& k! ]; G' c; f7 E% P
〖课程介绍〗
. ^6 |4 ]$ R1 f. b$ u学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。6 k# E! j+ |! f, j" v" x$ \
〖课程目录〗
* j8 C8 U4 a7 F1 V+ ]+ |# E; I第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
. G/ K# M8 o4 ?2 V+ C1-2 课程食用指南 (01:26)
( @. p6 Y9 J4 l% E) X1-3 小黄,做一个小程序 (03:56)
" R5 X7 i& O  d0 G. D7 b( a
& g& c) E( G$ S! s8 |1-4 开发环境、开发工具准备 (08:09)' i" M$ e3 s& P) m5 m/ x) j9 J
第2章 初始小程序和项目需求分析9 节 | 112分钟  k/ a3 X3 @- G5 E& t- E
2-1 开篇语 (02:05)1 g  d! I, B  ]; `0 t4 @
2-2 功能结构与业务流程梳理 (23:53)1 J( F5 N  i+ j; O! s
2-3 常用基础组件、样式布局入门 (16:34)2 u* i9 A# L" R) o
2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)5 g/ e/ A4 x5 T( h# P3 n
2-5 感受平台生态的力量,常用API入门(上) (14:28)
: c% v1 s$ C% b$ Q" A0 E2-6 感受平台生态的力量,常用API入门(下) (14:45); c5 G  m) H5 [, S  j
2-7 特别的API——wx.request,前后端分离架构初探 (14:33)9 o7 U2 f1 ~, B; N; N
2-8 前后端分离架构的前世今生 (08:44)
3 ]! x! Y" i) ]/ m. R. F2-9 章节回顾
, a. x* ]7 h8 ?. H* `0 a! D/ C* k
第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟( E4 n* N. f3 L) f5 j- t
3-1 开篇语 (01:37)# k. r" M5 f( T& Q- W- Q
3-2 原生tabBar组件使用及配置文件介绍 (20:26)
9 }0 y4 a4 ^( l" }, Q2 w3-3 实现“广场”页面标签页效果(上) (14:14)
1 c  D! O4 n# n: a8 F! z, ~3-4 实现“广场”页面标签页效果(下) (10:38)
, Z8 W" n2 B0 a$ \3-5 分类筛选功能实现 (15:25)* K  K, W& ^! K  Q0 W
3-6 【项目作业】服务分类 Swiper 样式优化
5 J0 }, _; {3 T4 L! Q4 O& @/ E2 O6 l3-7 章节回顾' M/ h8 b' f+ {$ h, `

4 R6 ^* ^: ~1 a. A. k第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
# v+ i0 E2 ~5 u4-1 开篇语 (04:06)
8 j1 s7 P' F) G) S( D4-2 进阶必备——自定义组件基本概念 (09:10)" u  k0 q3 u2 c3 \1 z! q' ?9 @
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)2 ^: ^! p5 K7 y, \3 ]2 V) ?1 W
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
) f1 H1 i" ^! p6 |4-5 警惕频繁事件交互和 setData (11:39)0 L; z9 ]$ @0 e. X7 z3 L& V7 u* b
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)! U) D# t+ j) Y' @. s9 s5 W
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)/ |: p  f: U- ^
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
4 A0 }2 `! p$ j5 j/ \+ L- n3 ^4-9 【实践作业】 wxs滑动监听优化
$ c0 c- L- {* ~3 o* H( |# [4-10 章节回顾, o3 e# W3 I1 V" ^2 K

# d- b% x2 q5 f. G第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
5 U, O! n/ d% i# c' w9 r5-1 开篇语 (03:02)
& {( S3 O% \' o. H. J9 [) E; c# }& ^5-2 JS面向对象与代码分层设计- (21:13)
4 \4 e7 C  x* `1 D, @) D; o5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
; E! |* L: ^' a; t1 ^( O5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55), n4 V$ V6 e# e) U
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)
& v" e! |. v3 [) \- c2 g: E6 ?5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
% r5 D- B2 I, z9 z- f! l5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)' T. {/ }0 X/ z! K
5-8 “服务预览”组件封装实现服务列表展示 (29:45)0 v* h) K+ S& S2 A
5-9 Iconfont 样式文件
  a3 o# r/ e% u. W% B" m5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)/ N9 E: G+ d* O1 ^6 D* I  `9 \
5-11 章节回顾, v) T8 p: t2 q0 e
  C, }% E4 P$ c3 @2 N
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟8 m- B2 s/ P$ ?, \2 _8 j0 s
6-1 开篇语 (02:08)
! W* z; h3 b' W. b8 ^2 r6-2 Iconfont样式: i! x7 I4 o6 ^# a* c) e% }- R
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)0 w2 ~. T& C6 W3 N  _
6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
. S4 M% |4 a# B+ i& |) K0 G6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
* \- B  S& P2 m# T. g- m0 p6-6 内容标签页、分类切换数据联动 (17:20)
8 Y3 |, e5 r( A6-7 节流函数
" s1 C/ M2 M6 I6-8 使用节流函数防止频繁触发调用 (12:55)8 f3 S8 C" y) \( M; Q& T& f
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
3 N" |$ S0 y, B: h' c1 k  G6-10 优化加载提示,骨架屏功能实现 (13:53)) \( _7 \. U/ R
6-11 优化加载提示,状态展示组件 (08:53)
! [" ~  J; W$ u5 _6 J6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
: Q( [* o( W% y: G6-13 章节回顾
0 x; W  v  g6 |! X4 Y6 P2 n+ h1 d  v( `( f: g9 Q( {& ~/ Q9 _! b
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟: H: f4 ~4 o- s3 k8 {9 F& z
7-1 开篇语 (02:18)
  C0 m" K* M0 T4 m" g; u7-2 服务详情页面骨架搭建与路由传参实践 (22:02)- |7 q4 R. {4 L6 N; B
7-3 自定义头像组件封装与调试技巧分享 (10:56)
- M5 y, H' Q) P  H) d3 C2 m7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
9 o% K0 i( v3 J4 B  \5 Z3 N! Y7-5 “继承”特性运用实现评价列表数据获取 (10:39)3 Y1 a# l+ N! J# S' T% ~
7-6 服务评价组件与评分组件封装 (19:53)5 t: l/ X# f0 q& m
7-7 服务评价组件完善与图片预览 API 实践 (17:53)
0 L/ f$ J3 d7 n3 g7-8 枚举值使用的最佳实践 (09:40)
4 b* {5 w8 S5 N$ N; u7-9 安全区域适配解决方案 (13:15)
9 n7 ^& a0 F. x) [7-10 操作栏角色按钮渲染 (11:27)
3 m0 P  y& |9 D+ w6 F2 Z4 h7-11 自定义组件 behavior机制初探 (22:09)
  b' J+ T/ v' ]9 T7-12 事件回调参数工具函数封装 (09:31)
* w+ K) C% Z8 V+ q7-13 更新服务状态回调处理函数实现 (14:04): U3 P7 a+ ~3 v; v5 j) n
7-14 常见登录方式及小程序登录 (14:08)$ t7 x  @- ^* }+ j! V2 F: y- J- B
7-15 思考题:在小程序中采用手机登陆方式的优点
9 ]! d" L- l$ ~, S  F7-16 登陆页面实现 (25:47)+ ~+ A$ S6 M' _& f% x
7-17 异常与错误 (17:36); z6 @6 K$ v+ c5 Z8 F; ?3 ^2 l& F0 `3 i
7-18 异常机制与异常捕获 (14:52)
3 @* f. G, a9 p7-19 登陆时机控制与刷新令牌 (20:13)& v! l$ q2 n% w9 {( s( ?
7-20 服务状态修改测试以及注意事项 (05:59)
* l. q! Q/ J! o5 Y$ o; `7-21 页面间事件通信机制实践 (22:39)
: C: a7 M* v! J" M6 v4 d; D7-22 自定义 button 与外部样式类 (19:11)
6 G' ^  R" R) p' O  u/ p  F& s7-23 让自定义 button 组件支持开放能力
* L5 j2 `, i& |7-24 服务预约页面与预约成功页面实现 (25:58)# M9 X  u2 z% s3 ^* O# u$ S0 _) Z
7-25 服务详情页面收尾 (07:00)
# `+ A+ |3 A$ d/ v' S  ~) v7-26 章节回顾; D6 F' ~( [  g: g$ n) K) N7 n

9 ~9 E: r8 O0 V' \: _: U- t; l: r第8章 表单提交与表单校验19 节 | 214分钟+ i* E( [4 z! E* e7 a% M- R
8-1 开篇语 (03:42)* w+ V1 [; U) |! n5 ?1 i! O; Y: K2 U
8-2 服务表单组件表单项定义 (17:21)9 K( N6 y5 Q+ `  y0 d* Q- T
8-3 服务类型表单项初始化逻辑实现 (21:49)
% a9 w/ i% k6 @' R8 X# o8-4 深拷贝与浅拷贝 (16:02)
' I5 Z. [) J) L8-5 表单项事件回调处理函数实现 (12:22)1 t& d3 u5 g: k, l9 ?3 A
8-6 图片上传组件封装之数据监听器 (13:42)9 A+ e8 q3 F$ Z! u9 |
8-7 图片上传组件封装之组件元素定义 (15:26)
. v  y# i% ^; |# e% m  j/ {/ B1 I8-8 图片上传事件回调处理(上) (13:17)/ \  Z+ v2 W* |3 Z
8-9 图片上传事件回调处理(下) (16:21)
6 e  v  N$ n! K# y  n. s8-10 服务器合法域名配置, \+ w! \# q) K- U0 m# N# b
8-11 发布服务表单联调 (11:59)
% L0 v2 ?% I4 u* u+ q$ D1 w/ _$ ~* A8-12 编辑服务表单组件联调 (11:48)
; S7 j* g# ]1 z5 G* t; |. s8-13 发布服务与编辑服务表单提交 (14:03); P# H: z! w! R$ ~5 z
8-14 表单校验功能实现 (19:50)' j( M! W; A; U* R$ `5 O4 u
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?$ d  P, z5 g8 Q
8-16 组件监听页面生命周期实现校验状态初始化 (08:36): Z1 u. B% w/ h2 \$ v1 {
8-17 原生 API 机制踩坑 (09:16)0 o+ \7 y+ J( Q1 p6 W/ q
8-18 服务表单组件收尾 (07:39)* B, P: r. a9 m* S. F$ A8 E/ j
8-19 章节回顾
2 k+ t% d9 r3 A4 t# d: M9 e2 b/ I
) P, q3 B7 w, H第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
4 _4 ], n7 e/ @: [  e$ z) X0 p9-1 开篇语 (08:02)
3 K- d) F0 I+ E  l' h2 V8 o% f9-2 即时通讯IM SDK 安装7 Z, o9 [; C% z; n9 s& h3 F2 q* G
9-3 即时通讯 SDK 安装与启动 (10:07)  n  e7 A) g: v! E5 H
9-4 模型类基础封装与单例模式 (11:06)
* V. v7 p0 T  t% `2 D/ g; R9-5 获取消息列表模型方法封装 (11:59)
1 `$ S- U, Q; F9 P4 d' Y4 f) n, o9-6 测试环境 sign 生成函数0 W* e% y6 s7 m. U1 J
9-7 TIM 登陆实现 (12:10)
  v( |+ s2 W. M7 f! L" j: G8 y9-8 TIM 事件监听机制初体验 (04:57)
8 B9 p7 D- d$ c9-9 全局状态管理介绍 (06:39)
2 ~9 P+ u% O2 @9 S! Z$ l7 d9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
- S! Z& g3 V5 e6 u; k6 d/ y9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
+ n! q/ G; J: l7 |5 ?& N8 B+ l9-12 消息列表和消息接收状态管理 (12:52)
2 B2 s8 @) ]( V' f9-13 测试消息列表获取与消息接收 (10:34); w1 L9 |/ Y0 e( ~5 Y/ O; m0 t
9-14 会话详情页面基本骨架搭建 (10:39)6 Z( G& v, {3 f6 g
9-15 消息组件封装 (26:11). j0 h4 q# J5 l, l. c+ \1 c+ S; p
9-16 自定义类型消息展示 (17:54)3 a5 g& l7 o# A  x5 y3 `
9-17 消息发送事件回调处理 (12:34)
/ _1 t: a, D9 r1 t  j2 ]3 m# h9-18 消息实例创建与工厂模式 (18:19)
& q9 ?2 ~' i5 c* S+ U9-19 发送消息测试 (04:57)1 ]/ X" A& }4 y' o( ~" M+ A) q" D
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)9 ?) D1 ~( u4 C. l) r  @+ H
9-21 滚动触顶加载更多历史消息 (12:31)
" z+ p. c2 q3 O5 _( ~7 C3 U# e( L9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)+ r" U# j6 j+ [# U) O; T
9-23 服务链接发送提示功能 (09:51)9 r+ w3 d1 d. M3 |; h4 F
9-24 会话列表获取与更新事件监听 (10:10)
6 {9 x/ Z( K4 u+ a9-25 消息栏目会话列表展示 (16:27)
  ~2 F7 @! H. g. t! u, [9 F: f! U/ D9-26 自定义徽章组件封装 (11:31): l; ?; f6 w* }0 |" z
9-27 tarbar未读消息提示实现 (08:54)- K' S, M' j5 D# f) T
9-28 tarbar状态同步解决方案 (15:58)
8 E2 q  C# l8 A* s: i9-29 即时通信功能收尾 (11:25)7 o+ w3 Q+ j, g6 m' k, B4 B* x- @
9-30 章节回顾; W5 V3 H" ?4 S9 m
- @8 N6 D; q# |
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
' w7 c, E$ Y1 C' A+ N4 D% |9 l10-1 开篇语 (01:13)2 O0 O1 `7 i; v
10-2 个人中心头部展示实现 (07:11)9 b. n7 C0 t% c$ J9 x* j  U* n
10-3 宫格、宫格元素组件基本定义 (10:38)
1 U! ]$ G% X* x1 D1 q- s: q10-4 组件间关系定义实践 (14:10)9 Y% u3 `0 t! a- b9 r
10-5 个人中心宫格展示配置化 (07:12)
  O2 H0 R$ d, q* u10-6 异步请求执行优化与宫格徽章展示 (18:03)) @6 y  H  s8 C/ n2 a0 L" g" c
10-7 组件事件冒泡与穿透 (22:52)
! Z0 F1 I3 |% y; s% |1 G. `10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
& s( ]. Z6 }0 N4 L  m: t10-9 订单预览组件展示元素实现 (14:37)
8 G" b- T; w2 n0 n10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
( k4 j8 X! v3 V2 M7 a2 H; Z( |10-11 “我的服务”列表页面实现 (13:42)  y- X: S# E. h1 }. D& I
10-12 订单详情页面基本元素展示 (24:27)
* `  k7 E0 r8 g. \10-13 订单详情操作栏渲染 (15:34)& \; W5 x' y- G5 ]% g' \$ K: m
10-14 订单状态更改实现 (13:40)
  V+ W  L8 X7 W% g10-15 订单评价页面实现 (24:02)
9 m# `$ g( u% y2 z* F. e10-16 订单评价功能收尾与售后模块说明 (04:57)3 g- @( m/ o: R5 }! \

! O3 ^+ s7 F- u& H/ r第11章 课程回顾与总结1 节 | 8分钟
. c6 j* N; Z* r7 ~$ @% x11-1 课程总结与寄语 (07:38)
1 x8 d* o0 Y+ a- [& z* M
9 K& ]; C) P$ n" X1 [6 N〖下载地址〗8 d! X2 d3 b* v  V, Q0 a! o& Z
游客,如果您要查看本帖隐藏内容请回复

1 j; h1 w+ k$ E1 M5 P〖升级为永久会员免金币下载全站资源〗* \/ O% ^+ t2 D( `/ e0 j. m4 o& D; g
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

0 j8 c( v" J* S( c+ W
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏
( X7 w& n% V: K% Q! Q& l  W分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则