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

  [复制链接]
查看3415 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg . ^2 L! j* f+ I. J' v' w

- @5 S) R" @8 A4 ~5 l〖课程介绍〗  E( o3 z" }/ M4 @$ P( X2 S* Y3 j! h
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。% z* w9 n! @" _* J) k- H6 W* P
〖课程目录〗8 y  G/ q% C: N
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
1 _: L" o$ y; t0 O1-2 课程食用指南 (01:26)
' i$ {8 r" h2 I0 v1-3 小黄,做一个小程序 (03:56)6 B8 p! j, N/ c) y/ E

2 w, n5 _' N$ e2 P; v1-4 开发环境、开发工具准备 (08:09)7 d$ d' i9 r0 @; r$ Q( y6 Q
第2章 初始小程序和项目需求分析9 节 | 112分钟, ]6 `( a# l0 {
2-1 开篇语 (02:05)
7 `+ }5 B3 T: A  X! q2-2 功能结构与业务流程梳理 (23:53)* D6 B) v- N. C4 w9 |
2-3 常用基础组件、样式布局入门 (16:34)
, \6 d' }# O! \& o5 g2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)
2 p/ ~! e0 i; }4 E* [8 }2-5 感受平台生态的力量,常用API入门(上) (14:28)
/ s8 Z+ F2 i7 W" C, @) N3 k4 G2-6 感受平台生态的力量,常用API入门(下) (14:45)
1 s- x; k1 Y2 e& B! @. C1 ?! J2-7 特别的API——wx.request,前后端分离架构初探 (14:33)
7 [' H& P. w) U2-8 前后端分离架构的前世今生 (08:44)9 L- O! H2 h" [* h! w% ]/ w2 |
2-9 章节回顾
. Z8 @) f; e( v
! N  v! j3 v- s; ]: {第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟0 X: M" _% U% i! `) Y) H" i; o
3-1 开篇语 (01:37)& G0 K% r6 f' u! q" Y# `
3-2 原生tabBar组件使用及配置文件介绍 (20:26)9 h+ y4 Q6 X) Q: ^! @
3-3 实现“广场”页面标签页效果(上) (14:14)
/ V3 G. W# {: B$ K3-4 实现“广场”页面标签页效果(下) (10:38)
$ Z! c( o0 s' h- c3-5 分类筛选功能实现 (15:25)
$ L' G2 [2 C/ \8 m. K3-6 【项目作业】服务分类 Swiper 样式优化$ q  _0 C' X# Z1 a: X# h! ?
3-7 章节回顾  {7 Q( @4 [6 V: }% ~( L1 @2 `
+ [7 v  P) n: s5 D( L7 q
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
0 a. H* l; F. R5 ?4-1 开篇语 (04:06)
/ N1 U, T: X& u  x; U0 ~5 v4-2 进阶必备——自定义组件基本概念 (09:10)1 n% O5 T; y9 c
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
6 G" [- y+ V. A0 I+ }4-4 重构内容标签页(下)——自定义组件插槽 (08:45)7 t9 }6 l( V% X% z4 }: e) a
4-5 警惕频繁事件交互和 setData (11:39)
0 Q) u# i4 u7 h  A" w( n4-6 WXS 实现手指滑动监听切换标签(上) (16:10)
* T% W/ w' r4 N7 L/ X9 l" y4-7 WXS 实现手指滑动监听切换标签(下) (17:16)
$ b% n& t& [( K( g! \9 L4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48); w$ \& ]0 M+ i' \! I- R. `
4-9 【实践作业】 wxs滑动监听优化& z+ _: c( ]: r. t; Z' H
4-10 章节回顾% v+ r5 n4 j& O- H

, G8 N7 @0 F8 d: Z! @+ S第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
5 Y! T& [" H- Z5 o: r5-1 开篇语 (03:02)7 A, p7 ?6 F2 O: [$ }: a) ~) M3 G
5-2 JS面向对象与代码分层设计- (21:13)
: e+ v. V& G- C5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)2 o& ?1 g: Z9 u) h5 @4 I8 y
5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)
5 ]! [" B) ]3 u) w4 T5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)& m, x% q# G+ F
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02). o( }- a, e# `8 t
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)2 }/ F6 e* }. o% Z0 X. H' U6 Q
5-8 “服务预览”组件封装实现服务列表展示 (29:45)
. w; ^! |) N1 N! T) P0 \. ~5-9 Iconfont 样式文件2 l% j( |/ c9 I0 E( J) A& A7 L
5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
6 b; H9 D7 O' v5-11 章节回顾+ g0 x0 u& N( q; E% E5 |4 h0 k9 A0 _
& w3 w, \( v8 t; L$ F' D; f  f
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
9 C  q5 ]* F0 l% E, O6-1 开篇语 (02:08)2 D. \" w+ x8 v8 y8 ?* X. U# ~
6-2 Iconfont样式1 z3 ?  W' [7 e9 z& ^1 g, u! |
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)% H, ?8 h& g  Z2 J
6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
# {. p! ~4 a! \3 {( V' ]6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)5 E, E! v: x' J" M' f
6-6 内容标签页、分类切换数据联动 (17:20)
  S9 E0 `2 d2 I: I6 e6-7 节流函数  Z. ^1 f1 I) S7 N* x2 s/ h+ h
6-8 使用节流函数防止频繁触发调用 (12:55)
7 D6 |' M$ ?* l  n" }/ \: ?6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
/ \, V7 i8 O- \6-10 优化加载提示,骨架屏功能实现 (13:53)
, f0 N2 P& K" ~; j6-11 优化加载提示,状态展示组件 (08:53)
9 Z! w4 u0 R' s) z7 e: K6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
' a4 k& a' z! g1 f& ]! \* O* w' Y6-13 章节回顾
2 M. w" ]9 }, X! i  P. V- U+ x' H) T+ e# r5 f8 x7 k
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
. q  t1 z, l: Z. n" X7-1 开篇语 (02:18)3 w/ R6 V* a7 O, C6 @" P
7-2 服务详情页面骨架搭建与路由传参实践 (22:02)' ~$ O& Q. C* A, X9 _
7-3 自定义头像组件封装与调试技巧分享 (10:56)
' l- U, H2 I, G& I+ e& z( y7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)$ `9 H# Y9 X  b% L+ `5 t7 z
7-5 “继承”特性运用实现评价列表数据获取 (10:39)5 N5 [4 U# ~/ t4 o8 v
7-6 服务评价组件与评分组件封装 (19:53)4 j" q, _1 [& b& p1 U$ c% e7 {
7-7 服务评价组件完善与图片预览 API 实践 (17:53)
: E) W! \4 t% r$ ?0 j+ Y' R6 t9 G7-8 枚举值使用的最佳实践 (09:40)
5 p& ?* j! F- p. v7-9 安全区域适配解决方案 (13:15)
7 L$ {" h0 _/ S- R7-10 操作栏角色按钮渲染 (11:27)
  B$ Y6 V' a8 B7-11 自定义组件 behavior机制初探 (22:09)5 Z* `7 P0 x% a$ @2 ]& r
7-12 事件回调参数工具函数封装 (09:31)
3 J. K$ b6 I4 d5 l. O7-13 更新服务状态回调处理函数实现 (14:04); @+ u  G$ }9 K; `( k. d  D" r& g
7-14 常见登录方式及小程序登录 (14:08)
8 E! U# g% W+ k, ~7-15 思考题:在小程序中采用手机登陆方式的优点
" e& @2 r& X+ A. |1 j6 F7-16 登陆页面实现 (25:47)
4 P% X6 T8 M6 ], C* |  h3 E9 u7 f7-17 异常与错误 (17:36)1 K6 D' L0 D/ B/ V
7-18 异常机制与异常捕获 (14:52)
4 u$ V6 h% e, _  ^2 A/ J7-19 登陆时机控制与刷新令牌 (20:13)
( T) N# [' k& J. S+ Z7-20 服务状态修改测试以及注意事项 (05:59)4 D# j$ R  c* ?( W5 u( S6 `' |
7-21 页面间事件通信机制实践 (22:39)  d: h. X" \  |4 q1 h* U
7-22 自定义 button 与外部样式类 (19:11)
0 y9 c3 ~* h9 l5 E4 p7-23 让自定义 button 组件支持开放能力
& j9 y# L6 w% D2 |: |7-24 服务预约页面与预约成功页面实现 (25:58)
, i7 H6 t6 @" R) {; B1 d7-25 服务详情页面收尾 (07:00): r) M8 J9 o6 a: E0 z8 c7 h
7-26 章节回顾2 ^* g$ D) y. F" E( V5 q0 S8 }

) e8 _9 ~5 G) A8 v" x# Z+ r" ?第8章 表单提交与表单校验19 节 | 214分钟' q( f9 Z/ [) K& r4 ?9 G
8-1 开篇语 (03:42)
. N$ }+ U# \" T# Y# r. U8-2 服务表单组件表单项定义 (17:21)
( k' }6 |$ k5 c/ b" J5 \& r6 w# K7 L8-3 服务类型表单项初始化逻辑实现 (21:49)
- ?4 V* @- y% q2 F+ N& N+ ]% k8-4 深拷贝与浅拷贝 (16:02)7 E7 |. {* w6 y2 z, M. |
8-5 表单项事件回调处理函数实现 (12:22)
# z8 g1 [; L& M, W1 j8-6 图片上传组件封装之数据监听器 (13:42)- e' t3 c" {3 K6 Q  N9 ]
8-7 图片上传组件封装之组件元素定义 (15:26)
2 i- E# y) s+ f8-8 图片上传事件回调处理(上) (13:17)
- ?$ p/ w* e: \, L* B2 `4 q. G# ?8-9 图片上传事件回调处理(下) (16:21), H1 |; d: Y% g. ?5 d3 N& K( J$ O
8-10 服务器合法域名配置
) e; _; z+ T0 V) L9 [$ I8-11 发布服务表单联调 (11:59): j1 p" F( g9 Q- S# i8 q4 I
8-12 编辑服务表单组件联调 (11:48)
3 A: G  P6 D! C$ l5 X8-13 发布服务与编辑服务表单提交 (14:03)1 N$ N. V8 ^' c
8-14 表单校验功能实现 (19:50). o* D0 @2 _3 e$ q: m7 k
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
4 I( u2 |. n, O+ ?6 `. a3 H8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
- I7 [% c  c3 |: t* T( z' A8-17 原生 API 机制踩坑 (09:16)1 ^/ }/ V9 H- f! T$ m' t* O
8-18 服务表单组件收尾 (07:39)
" g+ [& p/ d9 R2 O+ O) _9 |8-19 章节回顾/ k5 l( k8 W5 o6 }
; |' f, v" g6 w; [! Y. P# S
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
( F0 K% ~1 J/ L9-1 开篇语 (08:02)
. O6 Q9 o4 o' s+ C1 I/ a9-2 即时通讯IM SDK 安装0 V' b: S! {; N" H5 \
9-3 即时通讯 SDK 安装与启动 (10:07); U/ h# G) m& w# r9 H
9-4 模型类基础封装与单例模式 (11:06)* y8 B3 k7 ~* z- ^, ?0 r7 l
9-5 获取消息列表模型方法封装 (11:59)) m$ r: N8 }4 G3 r
9-6 测试环境 sign 生成函数! H' a7 ]0 z+ }( {5 [
9-7 TIM 登陆实现 (12:10)5 n' @; h; s* x0 S
9-8 TIM 事件监听机制初体验 (04:57)
& `8 e/ r5 L+ q# G9-9 全局状态管理介绍 (06:39)& N  ^( _. I. d: V9 F
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42). V$ N: L8 A0 \, `9 P* B: z
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36): }8 Y9 q- E8 Y" b
9-12 消息列表和消息接收状态管理 (12:52)
% U* F3 t7 ~5 w' M3 Y. G" ?9-13 测试消息列表获取与消息接收 (10:34)# s: ?/ e, B2 i; B+ k1 a
9-14 会话详情页面基本骨架搭建 (10:39)
1 }* d. w+ b% X6 O2 J9 O* w, |7 ^3 X9-15 消息组件封装 (26:11)6 I( b8 a& a9 e& q
9-16 自定义类型消息展示 (17:54)' h- f9 C3 Z3 Y0 D7 w
9-17 消息发送事件回调处理 (12:34)
/ @" S% S* O. Y8 o% m8 R9-18 消息实例创建与工厂模式 (18:19)& y6 E3 M1 J$ y4 \! C8 G. ?% C
9-19 发送消息测试 (04:57)0 ?* p8 K2 S0 b# y% S
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
6 n( C8 D( D! u7 F! ?2 M0 x7 A9-21 滚动触顶加载更多历史消息 (12:31)% l( \; k! Z2 M
9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)! A; N: q' c9 ?0 O# P8 j
9-23 服务链接发送提示功能 (09:51)
; s9 F0 r  O) |0 [8 y9 z- R9-24 会话列表获取与更新事件监听 (10:10)/ R3 t* L) r6 i# X* K: i5 F
9-25 消息栏目会话列表展示 (16:27)8 r5 U% L( @6 [  P: j  [3 n
9-26 自定义徽章组件封装 (11:31)5 d5 s8 c; l& W5 c
9-27 tarbar未读消息提示实现 (08:54)
, X1 S! S% h. S9-28 tarbar状态同步解决方案 (15:58), [: e  J+ j% ^* X+ C
9-29 即时通信功能收尾 (11:25)
$ q* W; u# D9 ~( S5 I9-30 章节回顾+ D8 c% I, t; Z1 C3 N# W5 a
( y9 `) ?' Q3 I2 S# f- o
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
; t6 T/ m4 U7 u) f7 ]3 k10-1 开篇语 (01:13)- X$ G. t. u. M* a! p
10-2 个人中心头部展示实现 (07:11)% z6 ]8 _2 M- ]7 H& D  K) C3 \/ u
10-3 宫格、宫格元素组件基本定义 (10:38)7 \; b( ?, ^' p1 l, K) y1 v  A
10-4 组件间关系定义实践 (14:10)
. v! J9 r2 T$ ?6 B3 X! U10-5 个人中心宫格展示配置化 (07:12)
' _" }! e( \5 X' @4 D$ W/ \10-6 异步请求执行优化与宫格徽章展示 (18:03)3 s$ b9 C' J" l, `& z5 q; a" @
10-7 组件事件冒泡与穿透 (22:52)
" v0 F, ~7 x# e10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)8 N7 Y3 p& o4 P4 a" J; a$ t
10-9 订单预览组件展示元素实现 (14:37); q! s( N9 K: U$ I  ?) f& e4 u
10-10 二战 behavior 实现订单预览组件操作栏 (27:14)  N7 l/ v& b: X+ T% R. h5 `
10-11 “我的服务”列表页面实现 (13:42)
) Z( i4 k  e% E& \8 k% U) C: ~10-12 订单详情页面基本元素展示 (24:27)
: l5 Z  U# F* Y1 S8 k( F10-13 订单详情操作栏渲染 (15:34)
6 v  L" o, I. F# n, Z10-14 订单状态更改实现 (13:40)
: i* Q( k+ C3 p10-15 订单评价页面实现 (24:02)* I) U& G: W0 W7 ^+ H
10-16 订单评价功能收尾与售后模块说明 (04:57)
, P' l1 G1 M1 f, f% |) @6 C! U! B4 ~* i, P  F' E1 g
第11章 课程回顾与总结1 节 | 8分钟
  z# ?; S( e8 l; E- E11-1 课程总结与寄语 (07:38)/ W+ r- y! I, _" q6 g

3 @+ g. a# k4 Q8 `& O1 Y〖下载地址〗
5 L/ d( W2 z+ I, l% _
游客,如果您要查看本帖隐藏内容请回复
2 {& t% C! H- E4 E, I% Y* [% k
〖升级为永久会员免金币下载全站资源〗/ s8 S& E* p+ B+ S' H+ Z: p4 b
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
) l8 h9 [* ^" j2 S/ ~2 _% ^$ I* k
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏
  k" c- E5 |  O0 |; e% W, J/ a分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则