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

  [复制链接]
查看3613 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg
' u0 T; y3 r: R) W
9 o: J& D/ p. c' S〖课程介绍〗9 H5 _: ?$ `; c0 E5 q' M, C: N5 g
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。1 T. j7 [$ Y+ w$ i/ X5 N$ a
〖课程目录〗9 Z. F! h: Y0 P4 I/ g  ]1 p1 A3 f
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟( k; ^, L% Y, |. D6 G7 ?5 L3 [
1-2 课程食用指南 (01:26)/ D$ E3 e( S  n9 g! n
1-3 小黄,做一个小程序 (03:56)5 Q# ]9 U; A' v9 V; {& G

) l4 Q) C  {1 `4 h" F. H5 w* L1-4 开发环境、开发工具准备 (08:09)3 s' _# ]- V8 G5 N2 O
第2章 初始小程序和项目需求分析9 节 | 112分钟
* [: A. T# _- x& r2-1 开篇语 (02:05)
" {$ h+ z  Q! u2-2 功能结构与业务流程梳理 (23:53)5 v7 S' t$ L: E* ^
2-3 常用基础组件、样式布局入门 (16:34)
* N" O3 q: i3 U8 Z" c2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03); [; k% Q; k) J" t! H2 _
2-5 感受平台生态的力量,常用API入门(上) (14:28)
6 @" F+ v% I" ]2-6 感受平台生态的力量,常用API入门(下) (14:45)
5 X3 z& V$ T! y7 \" K# C/ l2-7 特别的API——wx.request,前后端分离架构初探 (14:33)
- q. L  R. y( h" _  X. g2-8 前后端分离架构的前世今生 (08:44)
( X2 I3 }& m, D- P2-9 章节回顾4 f8 J6 D) Y. b( L) w6 u
# z2 F9 S1 Y" Y) L
第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟. T2 ~7 Z0 |& H6 M) @+ w! q; H" s8 D0 b
3-1 开篇语 (01:37)
9 F) F, V. e; Y8 K3-2 原生tabBar组件使用及配置文件介绍 (20:26), Q% l' f4 R0 }
3-3 实现“广场”页面标签页效果(上) (14:14)8 D; w6 |5 }; D( R5 l* o
3-4 实现“广场”页面标签页效果(下) (10:38)' k) E6 c0 G5 |0 ]# K$ q0 C
3-5 分类筛选功能实现 (15:25)6 I7 |, q* F9 T- v. o
3-6 【项目作业】服务分类 Swiper 样式优化
9 A9 x/ E4 }3 \' O1 I2 t( J3-7 章节回顾* [) e$ E$ j. s4 R: q% ]
8 T( O' T4 b2 j+ ]4 |6 f
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟1 E! }2 _# t. w5 D
4-1 开篇语 (04:06)4 c& m/ J( I2 E; d; {! e1 K
4-2 进阶必备——自定义组件基本概念 (09:10)9 D8 c; l- l& I; {( f; W
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)0 i* Z$ s( T& B
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
9 I) p7 U5 n+ a- y, I0 [. {; u  r& K, [4-5 警惕频繁事件交互和 setData (11:39)& I9 _2 @$ a! ^6 U' }
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)1 j' P6 |; X, J# `9 p( w5 m% X; Y
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)8 ?  C! j8 a9 ]9 Y$ ^
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
* Q; L' V( R' S! E  V8 t3 t4-9 【实践作业】 wxs滑动监听优化
( T2 S% S1 N( V) d/ l: B4-10 章节回顾4 P& ^( H) b: e$ D) ?1 v& H1 c* W
2 N( q6 E7 U' P0 r
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟5 X. }' @# d+ W% W
5-1 开篇语 (03:02)
8 G4 y" k" d! ^5-2 JS面向对象与代码分层设计- (21:13)' x$ H& g- b5 G8 w
5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
5 i# g6 f8 m7 G/ f# z% F5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55): Q( ?6 F% B1 f* y2 e* b  P, S: j
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)+ z, j6 {! H, W% f3 S
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)! k6 j& h2 @0 N- {1 f1 ?% t4 [
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)/ O4 Y% t0 n/ |- b9 m
5-8 “服务预览”组件封装实现服务列表展示 (29:45)
6 I( i" t! V1 ~' W8 ]5-9 Iconfont 样式文件
2 M! D1 F; f, [% q5 M+ U4 x( R( A5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)/ k6 n/ ]" ~! T7 ], g
5-11 章节回顾
3 W' o, w2 n) N2 H
, t0 ^3 T9 g/ [9 a  ]  f1 l第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
% n! J  j# v0 I, }6-1 开篇语 (02:08)
/ x, O' n7 w  p3 [( b5 c1 R6-2 Iconfont样式
8 ?: i6 q0 q8 F- L  U1 A: X; O6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)/ {$ F- k: r# @- k& q
6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
/ o5 E6 v. l% s1 j+ Z+ n6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
9 B' l* U  l- ~% |/ C6-6 内容标签页、分类切换数据联动 (17:20)* o/ u6 w2 ]7 Y2 y& x1 F( ~$ y
6-7 节流函数8 s7 e* t4 ^0 r8 D  h2 [* }
6-8 使用节流函数防止频繁触发调用 (12:55)& s' K/ N, m7 E2 n2 a
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
: \8 ]1 a5 X6 `" e1 F5 Z$ B6-10 优化加载提示,骨架屏功能实现 (13:53)
$ y% O  U7 R$ d1 A6-11 优化加载提示,状态展示组件 (08:53)
1 `1 O' [! F2 N  J6-12 广场页面收尾——兼容性配置与样式调整 (15:50)" w5 p' z" ~: B$ ~! k
6-13 章节回顾
5 j) Y) R. @- B; c
) i( F, Z0 L& ]* I) a. R3 ]( j3 S7 o第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
8 `( E/ e3 Z5 L+ n7-1 开篇语 (02:18)
4 |' x3 N7 Z- U  U3 V2 D) R7-2 服务详情页面骨架搭建与路由传参实践 (22:02)5 i4 i2 Q4 d9 w# j/ B, x+ n7 ^& C
7-3 自定义头像组件封装与调试技巧分享 (10:56)
5 I+ [: ~# M$ w3 p/ W  [7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)$ x" t$ b1 B. Z
7-5 “继承”特性运用实现评价列表数据获取 (10:39)
$ Z* f0 m/ R. f+ {+ t0 \/ t7-6 服务评价组件与评分组件封装 (19:53)
. U) E5 F8 n# b7-7 服务评价组件完善与图片预览 API 实践 (17:53)0 N  |+ F- ^3 [- N0 i
7-8 枚举值使用的最佳实践 (09:40)! ]/ X3 w5 L1 _+ ?
7-9 安全区域适配解决方案 (13:15)
5 i  A# R0 L' U& b  m8 R- b' S7-10 操作栏角色按钮渲染 (11:27)
) ^/ i' I: T3 V$ v- Y7-11 自定义组件 behavior机制初探 (22:09)
6 o) y3 k9 o& x4 x, z! Q0 l$ x3 g. b4 p7-12 事件回调参数工具函数封装 (09:31)
) S0 o7 s/ e$ I* L8 ~- j9 L7-13 更新服务状态回调处理函数实现 (14:04)
4 Z: m: N& m# y& g- z: }7-14 常见登录方式及小程序登录 (14:08)
. X  c  l! o8 d6 R6 @/ R9 b  u7-15 思考题:在小程序中采用手机登陆方式的优点" Z0 o% ~; D* w9 _: T
7-16 登陆页面实现 (25:47)( ~$ U( I4 w6 M% j2 b  K
7-17 异常与错误 (17:36)' F5 O) r( b+ V. a
7-18 异常机制与异常捕获 (14:52)
' \+ W1 J# z( {3 }$ N7-19 登陆时机控制与刷新令牌 (20:13)9 w/ H7 s) C( r4 V9 l& [
7-20 服务状态修改测试以及注意事项 (05:59)
% _* q' i9 G1 Z2 y+ |7-21 页面间事件通信机制实践 (22:39)1 q  q9 {0 B& i' b  X
7-22 自定义 button 与外部样式类 (19:11)5 f, c& d6 f7 {' l7 X
7-23 让自定义 button 组件支持开放能力( x0 P4 w2 r7 N/ s# }8 y- K8 O0 _
7-24 服务预约页面与预约成功页面实现 (25:58): U- ~( I2 T( ^
7-25 服务详情页面收尾 (07:00)
' O' F3 y4 v1 I3 _% d* {* x+ G" _7-26 章节回顾
. u% l# T" M! I& w* z0 r7 N/ Y5 x; S" j0 L" \' f
第8章 表单提交与表单校验19 节 | 214分钟" L0 i4 e) j7 j9 ^
8-1 开篇语 (03:42)- q) w: H- _! n
8-2 服务表单组件表单项定义 (17:21)$ t& T; R; W7 U
8-3 服务类型表单项初始化逻辑实现 (21:49)
1 K/ m+ I& Q: q" }8-4 深拷贝与浅拷贝 (16:02)
1 S( N2 e& y! m* b7 g6 L$ G  D; G8-5 表单项事件回调处理函数实现 (12:22)# @0 [; Q/ q$ S* F
8-6 图片上传组件封装之数据监听器 (13:42)
$ m+ s# K% X0 R7 _8 U2 x8-7 图片上传组件封装之组件元素定义 (15:26)
# c6 t- k; e+ x( g+ @% Q8-8 图片上传事件回调处理(上) (13:17)
( H8 V9 j2 U* n( ~5 B8-9 图片上传事件回调处理(下) (16:21)
3 {# R( S& e5 J8-10 服务器合法域名配置
% \; E& p2 T; {0 U# |; N8-11 发布服务表单联调 (11:59)
$ m0 D5 v" t. g) B; J9 D6 G4 d9 V% B8-12 编辑服务表单组件联调 (11:48)
4 f& q$ S3 f& _. F8-13 发布服务与编辑服务表单提交 (14:03)
  v- `. G( N3 H8-14 表单校验功能实现 (19:50)$ N# L+ W) t6 `8 A6 O
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
& R1 _& S) d1 o9 v# N: N8-16 组件监听页面生命周期实现校验状态初始化 (08:36)6 _- R, d3 ?3 f& ]8 q( @
8-17 原生 API 机制踩坑 (09:16)/ m5 J  e; e7 ~5 F$ M# ~3 p
8-18 服务表单组件收尾 (07:39)4 {, V# ~& i; s
8-19 章节回顾/ J* @0 s" o7 o- T' T1 `
2 @5 v! a( C- \. j
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟, I# u8 p6 B5 \
9-1 开篇语 (08:02)
7 l' T9 n& Z0 j1 F9-2 即时通讯IM SDK 安装+ g, e' P( D/ [
9-3 即时通讯 SDK 安装与启动 (10:07)  y  S) R* }/ Q
9-4 模型类基础封装与单例模式 (11:06)
. D2 B1 N* I3 S# i# @. o9-5 获取消息列表模型方法封装 (11:59): e" ^7 N$ u% z5 F
9-6 测试环境 sign 生成函数( ~1 P* G+ d# m! G' \
9-7 TIM 登陆实现 (12:10)
9 M$ Y4 f, @8 a% H4 t; E8 `4 g- o+ h9-8 TIM 事件监听机制初体验 (04:57)
' A: M2 x3 o. o9-9 全局状态管理介绍 (06:39)8 A& N1 H4 t; X( H
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
2 g$ L( y+ T. a0 |6 B( B8 X6 K9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)+ R& q- E% A3 I2 _7 F" n! ^
9-12 消息列表和消息接收状态管理 (12:52). ~% h& w& @$ _$ v3 p
9-13 测试消息列表获取与消息接收 (10:34)
  }+ O! C% \4 S6 R5 u& F5 u9-14 会话详情页面基本骨架搭建 (10:39)# }3 }% O; ~+ Z+ y& v
9-15 消息组件封装 (26:11)# V9 K9 @: K$ G9 P) k1 E. w( X
9-16 自定义类型消息展示 (17:54)
& Q4 j0 d- e- ?9-17 消息发送事件回调处理 (12:34). F7 |8 ~0 a, V3 E
9-18 消息实例创建与工厂模式 (18:19)7 q2 Y+ g$ z) [: a. u8 X
9-19 发送消息测试 (04:57)/ s0 ^; [/ H: J/ s! o3 F
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
4 V' u3 K% M% @. Z" A+ {) z9-21 滚动触顶加载更多历史消息 (12:31)
; x1 A, M  x) n7 f8 }6 [9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
7 l: m+ P9 G" H; Z9-23 服务链接发送提示功能 (09:51)% c3 R2 ?/ G. T) P( }  X' f( C
9-24 会话列表获取与更新事件监听 (10:10)
  k8 w3 S6 x/ ]; u4 O* `9-25 消息栏目会话列表展示 (16:27)
" A+ y" k* W, J+ Z. h  x  L6 P! x! x! P9-26 自定义徽章组件封装 (11:31)
2 L2 B- G6 G3 O9 I9-27 tarbar未读消息提示实现 (08:54)+ l( u% U9 J# ~: ~: b, F
9-28 tarbar状态同步解决方案 (15:58)2 q0 |! E* L. D# g0 F/ M  U
9-29 即时通信功能收尾 (11:25)
1 n! |: n4 M. k7 @9 P: Y( c9-30 章节回顾+ ~1 k( r- F6 o1 v  Y% [$ j% @

$ B$ L' C2 @+ n4 D$ l- t& ~第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟: [. {, o7 \, O6 n2 z; e+ Z
10-1 开篇语 (01:13)9 k! L# I, k; P9 v; F& F
10-2 个人中心头部展示实现 (07:11)/ {# m+ [! r) k+ R
10-3 宫格、宫格元素组件基本定义 (10:38)
3 p+ w# D" i( U# l! i8 t10-4 组件间关系定义实践 (14:10)
' f/ p* U' p2 q% A2 n8 H" C- \  F10-5 个人中心宫格展示配置化 (07:12). T7 ]. s7 v9 m! a5 }' c& F
10-6 异步请求执行优化与宫格徽章展示 (18:03)
  J3 i* T' f3 N10-7 组件事件冒泡与穿透 (22:52)6 I7 F1 N* _+ |8 J! P" A- ~2 Y
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
! ]9 L# X  X$ E: ?10-9 订单预览组件展示元素实现 (14:37)
7 R' i2 X! L2 i' E/ K10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
. ]* T. P, v0 ~% n' t6 R10-11 “我的服务”列表页面实现 (13:42)
. Z6 L- M( C3 d/ Y- g10-12 订单详情页面基本元素展示 (24:27)
1 m  P5 R* v4 S% B# Q! X2 m8 V10-13 订单详情操作栏渲染 (15:34)
" [* ?2 g8 o! W" W% @10-14 订单状态更改实现 (13:40)* c& {6 v- l* t' j8 D, }
10-15 订单评价页面实现 (24:02)
' b0 ^# }9 q- D5 x10-16 订单评价功能收尾与售后模块说明 (04:57)- q3 y6 i+ D! K/ R) }
% y$ t4 I% b$ p) O
第11章 课程回顾与总结1 节 | 8分钟" b; }: w  U0 y  G. c' e$ T- z; a
11-1 课程总结与寄语 (07:38)* Y# ^, j4 R9 l# H9 C3 i

, z4 b# b0 V0 F, @3 O7 n2 C, r〖下载地址〗: k+ w. a1 _1 k/ U0 ]
游客,如果您要查看本帖隐藏内容请回复

+ e3 \/ R  V8 d$ h5 _% v〖升级为永久会员免金币下载全站资源〗, \7 D0 m  y' ^' J9 p- Z
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

. ^& z7 u  @# F
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏
6 p* T8 h& d- J, i3 f; D9 Z# r+ H分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则