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

  [复制链接]
查看3812 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg
, j4 `% l  v- b( I& T1 z- Y8 D. w1 t& _% W% v# a% |( w6 s' ]! u
〖课程介绍〗( m$ D+ Q2 ?! [, I
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。. F8 t7 `3 ?& b0 K
〖课程目录〗# p" O  f, Z. C+ a
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟2 X6 ^' D3 _5 m( Z0 S& M0 Z2 b6 M
1-2 课程食用指南 (01:26)
; K) n  L# i& T3 T6 ~1-3 小黄,做一个小程序 (03:56); n: C: B7 B  L
: Z$ G' {' h; {, R, U) f( [
1-4 开发环境、开发工具准备 (08:09)6 q- W8 Y& Q3 l) g. K
第2章 初始小程序和项目需求分析9 节 | 112分钟/ p$ Z( t' X3 v( P3 _. y
2-1 开篇语 (02:05)0 m+ @0 H1 ^3 b8 u
2-2 功能结构与业务流程梳理 (23:53)
! y4 V3 D- [* O/ p2-3 常用基础组件、样式布局入门 (16:34)0 O3 A4 m# `% Q- A! M
2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)
& N* D2 R+ {* o% H; E2-5 感受平台生态的力量,常用API入门(上) (14:28)
0 b& i: m% V5 ~. w* u2-6 感受平台生态的力量,常用API入门(下) (14:45)
, A; [8 p: \% ]$ ?, E) z6 r/ o2-7 特别的API——wx.request,前后端分离架构初探 (14:33)8 I/ y5 e2 ~! W; Q
2-8 前后端分离架构的前世今生 (08:44)
# I$ _5 ?2 w; w7 r) Z2-9 章节回顾
. Y7 s( O( B5 o( {& X& Y& P, o8 m$ Z* q* ^  \
第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟# ^/ Q6 S: E2 i# Q3 _
3-1 开篇语 (01:37)3 X9 H4 x  a. V1 q' V" ]- T4 `4 h) n
3-2 原生tabBar组件使用及配置文件介绍 (20:26)$ Y6 k; x* g$ R! {3 i
3-3 实现“广场”页面标签页效果(上) (14:14)
0 X  t' A( T& ~: @- O/ G. k/ b3-4 实现“广场”页面标签页效果(下) (10:38)
+ e6 G8 D( X% r" B  _8 P3-5 分类筛选功能实现 (15:25)+ J! y  ?; l/ F. s2 ~5 a) E8 E
3-6 【项目作业】服务分类 Swiper 样式优化" b; _' Z9 Q1 e% g& J) ?- U. u
3-7 章节回顾6 c% G" G' W7 z
; x. O, Z0 E$ h( U$ H/ f4 _
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
; ~+ i  _1 |* h7 M4-1 开篇语 (04:06)7 p2 Q% W, U9 e6 I7 Q
4-2 进阶必备——自定义组件基本概念 (09:10), N8 @& I2 u# ?9 O: m/ Y2 J
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)6 `1 y& d' m! ~4 j" w, B, R4 |# S
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
8 t* J) V$ \9 B7 M! ^4-5 警惕频繁事件交互和 setData (11:39)7 Q: m$ D$ ]! b
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)
, ^( e7 y. x$ E4-7 WXS 实现手指滑动监听切换标签(下) (17:16)
+ m+ N2 W) A6 H# _$ P4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
1 z5 j* G# b# m2 q: w& [( c4-9 【实践作业】 wxs滑动监听优化
. K- F% C# x, M% H8 b9 J4-10 章节回顾
& i" q& y/ S0 e# T
9 Z+ X2 F4 F9 W# \第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
  [1 L1 h9 c! Q8 Q6 x* L5-1 开篇语 (03:02)* _! g7 X+ D  T! J% w1 u
5-2 JS面向对象与代码分层设计- (21:13)
- l$ A5 B( E- B9 i4 `5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05). s" j1 r, H0 p7 ^' v$ z9 x* y
5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)
+ n* h6 z; n9 s. S7 b5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)
+ }* O  y. z$ U/ v+ I0 S& {) _5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)6 Y" k3 h' d1 l5 z# O; ]
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)( l) v% z. h7 m9 c
5-8 “服务预览”组件封装实现服务列表展示 (29:45)
; y+ t+ `3 \9 S  k) J+ T5-9 Iconfont 样式文件
1 [+ o; l0 S  W5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)% `8 K/ t/ J: o# y. B4 ~% H
5-11 章节回顾! O7 B9 U  j6 c* C# ?
. ]( x! O* R" x, K0 p2 ?
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟0 c0 a0 o" d1 F8 T
6-1 开篇语 (02:08)
0 Z! z2 ~, S+ G9 b6 u+ b6-2 Iconfont样式8 y+ u3 O. ~! p9 I6 }! R
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
4 R0 Q+ d6 P* j5 c. q0 I# X  B6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
; V7 d5 e  k& ]) E7 ]# k8 j* K/ t' R6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
6 Z  p3 \( z7 g" n6-6 内容标签页、分类切换数据联动 (17:20)" ~) @! D7 ~4 |
6-7 节流函数
4 ~1 o$ q" F7 B7 E: s# k; A6-8 使用节流函数防止频繁触发调用 (12:55)
! [$ o' D1 }6 X6 M, k6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
7 N# v6 p6 c" i* P6-10 优化加载提示,骨架屏功能实现 (13:53)' k8 f; n0 X7 t2 V
6-11 优化加载提示,状态展示组件 (08:53)4 M% i1 f, S9 o5 Z/ ?
6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
2 D+ u6 C( K0 W3 i5 Z& S5 p6-13 章节回顾5 S; |/ q5 F# @( \

# n0 U: p' t# s: a- o, C第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
! E! L1 I" l8 N; ^7-1 开篇语 (02:18)
9 k0 _/ P, f! ^1 x" L, `$ D5 S7-2 服务详情页面骨架搭建与路由传参实践 (22:02): T; s0 @5 Y7 J% o$ a  R4 a
7-3 自定义头像组件封装与调试技巧分享 (10:56)
. p- q6 J+ k" r5 y- s/ N7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)4 k4 R: ~3 @1 p
7-5 “继承”特性运用实现评价列表数据获取 (10:39)
8 ]6 K, t& J% P/ r7-6 服务评价组件与评分组件封装 (19:53)
2 v- g5 K/ w$ h+ ^+ z( v7-7 服务评价组件完善与图片预览 API 实践 (17:53)& l* a( ?- Q9 e' Y( s5 N% Y7 ^- ?
7-8 枚举值使用的最佳实践 (09:40)8 v: @7 m& C) }0 e
7-9 安全区域适配解决方案 (13:15)
* s: s9 A9 F$ E1 S! w7-10 操作栏角色按钮渲染 (11:27)! U6 O& I/ J9 @6 D8 F
7-11 自定义组件 behavior机制初探 (22:09)8 z3 {, O; g. K+ a0 p5 U& q3 _
7-12 事件回调参数工具函数封装 (09:31)
. U) m, h: r  G, {/ J: l4 v7 _7-13 更新服务状态回调处理函数实现 (14:04)
8 o+ w( ~) P% i2 j7-14 常见登录方式及小程序登录 (14:08)
6 X4 V% n7 ^5 w) V. @# h2 I4 J' Y7-15 思考题:在小程序中采用手机登陆方式的优点
6 D' c* y8 l5 j% w8 ?3 s% K7-16 登陆页面实现 (25:47), _$ W* S1 B2 ]/ ?( @% `
7-17 异常与错误 (17:36)+ ~3 `7 T" w  Y4 j  x: T1 Z- b
7-18 异常机制与异常捕获 (14:52): O3 {" d7 u) h" {
7-19 登陆时机控制与刷新令牌 (20:13)9 L# H& i9 A/ t" ?$ X$ e
7-20 服务状态修改测试以及注意事项 (05:59)7 S: p+ [2 z& n1 r  a
7-21 页面间事件通信机制实践 (22:39)
& Q5 F6 `" w# q2 r" R# y7-22 自定义 button 与外部样式类 (19:11)
. A. ~0 K% l7 S0 H% ?7-23 让自定义 button 组件支持开放能力
- \% C, b' Y7 U# L  l6 p7-24 服务预约页面与预约成功页面实现 (25:58)
- {" C4 B$ u3 @- Z% X8 J  Q: `6 l+ a7-25 服务详情页面收尾 (07:00), n0 V# U0 N1 V' Z3 O
7-26 章节回顾, F+ w$ O# z, ?" y' b2 O0 X+ d
+ S: O4 g0 N5 r0 D; [4 s& |. Q
第8章 表单提交与表单校验19 节 | 214分钟) n8 ~# e9 w$ \  ?" d) i
8-1 开篇语 (03:42)
& i1 S6 A( `% o- X  t% s. q% ]. @8-2 服务表单组件表单项定义 (17:21)
! j2 t/ _  \/ W0 J0 W% v8-3 服务类型表单项初始化逻辑实现 (21:49)
0 `2 j: z" P  I+ K# x+ _, p# t8-4 深拷贝与浅拷贝 (16:02)
5 N/ h: k2 v, |* o/ `! B3 o' n, r8-5 表单项事件回调处理函数实现 (12:22)- A2 D5 q0 N, e/ j/ ?' y1 s! f$ s
8-6 图片上传组件封装之数据监听器 (13:42)
- v" n5 o3 ]$ Y& f) J8-7 图片上传组件封装之组件元素定义 (15:26)4 \" c, }9 C4 W+ i' h
8-8 图片上传事件回调处理(上) (13:17)) Z4 h1 X! Y, R5 L( a1 T8 z7 B
8-9 图片上传事件回调处理(下) (16:21)
- X+ }3 G/ [1 B0 Q3 E$ x. H! U+ s+ F1 v7 v8-10 服务器合法域名配置# N1 T: \/ y" D! B  i1 |% g7 n' i  Z
8-11 发布服务表单联调 (11:59)+ X$ J' [( d. x- ~6 x. [, v; n
8-12 编辑服务表单组件联调 (11:48)  V1 V. _% `( p  t
8-13 发布服务与编辑服务表单提交 (14:03)9 m" s- M* S+ S" e# y( v# r
8-14 表单校验功能实现 (19:50)( K) J* n2 }) r
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
: s! l  P+ n7 ~! g8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
) i* u( D8 o! ?1 `2 i! K8-17 原生 API 机制踩坑 (09:16)7 w9 V  G/ l3 A' H, p& b8 Y1 e
8-18 服务表单组件收尾 (07:39); N9 V7 R# _2 S) J0 D
8-19 章节回顾8 E! L2 B2 M& n1 z8 B1 c' i" i2 ?
* j  C- F4 y1 b& d2 |6 j1 e( Z8 P
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟. b, p* e9 }) }/ @2 M' i
9-1 开篇语 (08:02)3 V1 F4 m  t9 |+ s" k
9-2 即时通讯IM SDK 安装
7 Q3 o/ ]; E/ P# Y) S8 O* s$ j9-3 即时通讯 SDK 安装与启动 (10:07)9 X  V2 ~! X9 k! n8 e3 U
9-4 模型类基础封装与单例模式 (11:06)
/ [; \. ]* ^# S2 w7 N. y9-5 获取消息列表模型方法封装 (11:59)
, d; l$ ]1 {9 }0 ^+ Q+ W  w9-6 测试环境 sign 生成函数9 q+ o, F9 Y6 ~: n
9-7 TIM 登陆实现 (12:10)
* B- b9 s, A+ L9-8 TIM 事件监听机制初体验 (04:57)& Q* M0 f5 r& f8 c
9-9 全局状态管理介绍 (06:39)' H- f: Y0 H4 t! V. V2 s
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
4 ]/ E( }6 J6 o5 }8 ~! N9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)! i2 Y/ h& W$ k9 o. P
9-12 消息列表和消息接收状态管理 (12:52)
  t2 V2 P, Q( t9-13 测试消息列表获取与消息接收 (10:34)) U! x3 m' E+ [0 J4 I4 B
9-14 会话详情页面基本骨架搭建 (10:39)
* Q" D, K" H( Q( z6 g9 w# p5 m$ r9-15 消息组件封装 (26:11)
1 h( `* A# R; f4 G4 \2 U9-16 自定义类型消息展示 (17:54), y& d0 ~) n9 k* j' I+ z
9-17 消息发送事件回调处理 (12:34)
. x+ `6 J( ~: J( T  Z. b" U9-18 消息实例创建与工厂模式 (18:19)2 Q! b/ @  w* ~! b- s" ~; b9 X
9-19 发送消息测试 (04:57)
+ [& t4 c& U) j: Q  |5 y) E9 Z0 v9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
# R4 O! U9 w- @: _1 S9-21 滚动触顶加载更多历史消息 (12:31)2 }$ p2 x3 E; _# [, c
9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)8 e& f" O) R& y
9-23 服务链接发送提示功能 (09:51)/ @8 |* y- t, z  j- K6 D
9-24 会话列表获取与更新事件监听 (10:10)4 Y3 a! c$ A4 m5 f% x- j
9-25 消息栏目会话列表展示 (16:27)  K$ L, f  E+ l; E+ G
9-26 自定义徽章组件封装 (11:31)% L8 n6 c0 N# S4 l/ S# f' o
9-27 tarbar未读消息提示实现 (08:54)# A( j# b! J2 m/ f: |
9-28 tarbar状态同步解决方案 (15:58)/ o0 {6 ^1 g& q0 G3 Z# P
9-29 即时通信功能收尾 (11:25)1 m1 n. @) q6 i8 W3 ], s
9-30 章节回顾
, J* Y% g6 R- ]; L  u* U/ `- D& f4 o3 E# \
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
+ a+ ^' D3 V9 j* w10-1 开篇语 (01:13)1 O7 f4 E8 ?' N5 T7 z# L" P$ [
10-2 个人中心头部展示实现 (07:11)6 A1 J/ e3 }& n0 F* I
10-3 宫格、宫格元素组件基本定义 (10:38)
& U) h2 K/ _# J# v; i3 K! j5 W10-4 组件间关系定义实践 (14:10)
9 ^( S* J+ Z6 n# e10-5 个人中心宫格展示配置化 (07:12)
$ |) H) s' y6 ~2 J0 ^  @10-6 异步请求执行优化与宫格徽章展示 (18:03)
& h/ D$ D! p0 C" x10-7 组件事件冒泡与穿透 (22:52)0 l. T" \& F: C2 h# @
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
% T9 C5 S4 o" F- ?9 l10-9 订单预览组件展示元素实现 (14:37)  V! s- F/ a* P6 v' H' S8 B: b' p; s0 o
10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
2 k) M9 E; B# k' b9 i+ o10-11 “我的服务”列表页面实现 (13:42)% s* v$ J  ?4 y! n8 P8 X
10-12 订单详情页面基本元素展示 (24:27)
6 F; }- g5 d3 @. k% J! u1 g+ A10-13 订单详情操作栏渲染 (15:34)  B8 Y; J" n( I0 \
10-14 订单状态更改实现 (13:40)$ l; V" |' Y/ h# D6 j
10-15 订单评价页面实现 (24:02)+ @/ b! O3 U: \9 e
10-16 订单评价功能收尾与售后模块说明 (04:57)+ W8 Z* d+ h1 y! L. H

/ i) H& a$ X1 v; s3 C# D' p3 I第11章 课程回顾与总结1 节 | 8分钟" M) L: h2 C) ?& H  |
11-1 课程总结与寄语 (07:38); j! g2 x- F* g0 V3 x

8 W% k- a0 n. }" ~" _1 T〖下载地址〗
7 |& T/ L4 T; \' C
游客,如果您要查看本帖隐藏内容请回复

/ j! o7 ^# a: R/ r5 F; Z6 L〖升级为永久会员免金币下载全站资源〗
- ]( f: K- V! E' e全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

$ R( ?3 {5 O" I
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏 4 R! C% v" z0 `& z. Q! G: P, Y
分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则