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

  [复制链接]
查看3872 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg - o- J/ m+ Y/ q5 o- _1 P
+ A5 ]8 t( a- y+ d0 `7 \! ?
〖课程介绍〗8 v9 }/ Y, k# v) ^3 q
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。4 w' P; h6 }2 I( b1 x2 {  N1 v
〖课程目录〗
/ _/ Y$ Y2 K! p5 O1 b第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
3 N4 P- o' V( ~1-2 课程食用指南 (01:26)* |  t! O% z6 m* l- I- K5 Y
1-3 小黄,做一个小程序 (03:56); t/ S0 `% U7 _- m4 E

# @4 t2 O9 J3 ]6 G1 @$ V1-4 开发环境、开发工具准备 (08:09)/ J9 b9 ?3 C. P. q$ L( x# F
第2章 初始小程序和项目需求分析9 节 | 112分钟+ T7 K2 H: D& ]0 u0 \$ A9 M
2-1 开篇语 (02:05)+ n# t+ V. I) j, n* h# ^2 p& p
2-2 功能结构与业务流程梳理 (23:53)8 i) l' [/ i& k
2-3 常用基础组件、样式布局入门 (16:34)
' h3 w; l) I9 R2 N3 \9 v2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)$ U$ A% n' @  I( ]1 ~
2-5 感受平台生态的力量,常用API入门(上) (14:28)
! @+ H  I& W% L' h0 d2-6 感受平台生态的力量,常用API入门(下) (14:45)) H; ~5 g: R+ y6 W7 A
2-7 特别的API——wx.request,前后端分离架构初探 (14:33)! T' b# O( o3 |& L# {+ O% s& k
2-8 前后端分离架构的前世今生 (08:44)0 E$ d1 j$ Z/ ?" j# |$ G, A
2-9 章节回顾3 s3 d2 X% w) _3 ?: j9 z' q3 z

6 K. Z+ }/ o- N  O7 N3 y! i0 z第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟
2 N" s8 }/ V0 E- ?0 Y3-1 开篇语 (01:37)7 n- A! Z& |# o: v0 T, p
3-2 原生tabBar组件使用及配置文件介绍 (20:26)- Q( D: T: ?4 K8 x6 y
3-3 实现“广场”页面标签页效果(上) (14:14)4 ~. I; k4 i5 q8 d/ {2 y' c
3-4 实现“广场”页面标签页效果(下) (10:38)" ~2 ~; }! K) y. e4 ?8 `+ H5 X
3-5 分类筛选功能实现 (15:25)5 T/ @; R! r/ W: u% V
3-6 【项目作业】服务分类 Swiper 样式优化& v6 Q* s- r0 w4 ?
3-7 章节回顾4 X' m# c( P7 P8 n; |7 ]! p' ]

0 t, X5 C' _7 e0 `第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟# R0 k. ?  v, z# u( ?
4-1 开篇语 (04:06)& u3 v# j4 `6 Q* E& y
4-2 进阶必备——自定义组件基本概念 (09:10)) a6 k! J. v2 g" h( Z# r$ F2 ?% [
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
  y9 f6 O4 ?: t. j" s+ c; q- x4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
0 Y' |/ Q; F0 \: T! h4-5 警惕频繁事件交互和 setData (11:39): M+ [; C8 U6 e5 \. ~' A
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)
( q0 c! g9 D0 i+ I4-7 WXS 实现手指滑动监听切换标签(下) (17:16)! @+ t8 D" x' I# y$ {
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
" @- m5 {9 J! j4-9 【实践作业】 wxs滑动监听优化& W8 m  @) D  ~3 j
4-10 章节回顾: S7 a/ E3 c0 z6 k7 V" v# X& e' n

+ u& I. s3 L; o% {第5章 代码分层设计实践与网络请求封装11 节 | 147分钟8 p* i1 U: p; p& Z
5-1 开篇语 (03:02)2 d# m; `/ Q/ n7 S& K# ?0 z
5-2 JS面向对象与代码分层设计- (21:13)
! U# H5 \6 v. u9 H6 h( a3 `5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
- A+ ^# H" ~4 X7 O5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55), t6 G2 D/ ^" s. K9 B8 A
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)
% I' D- H3 ?' S  v; d5 K; t4 A5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
- x$ _3 w- O& f5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)3 b5 a& e. E2 {" A
5-8 “服务预览”组件封装实现服务列表展示 (29:45)! Q) s* D/ _* s
5-9 Iconfont 样式文件
2 s4 G+ ?5 l1 z  @& B* e+ \/ H1 r5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
; }% x6 s4 {* N5-11 章节回顾
5 r' }/ }4 v% p, F! ]3 T' x) i
" H' _' D- B) h2 N# d5 g第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟& D  i  n0 t5 h! x+ \
6-1 开篇语 (02:08)( P, {# j% x& b; X
6-2 Iconfont样式
/ Y6 X1 z6 A6 v2 s9 y6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
' ?2 o! q& }; e+ g4 I6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
' ~8 R3 k: [$ X3 v6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
% B! U7 o) \. R* K4 x3 a$ l2 d6-6 内容标签页、分类切换数据联动 (17:20)
9 M; S5 @" K2 E6-7 节流函数# a3 e. O7 R1 b7 l/ J7 y  W
6-8 使用节流函数防止频繁触发调用 (12:55)
' ~6 b! {4 u# n! I: K1 r/ s3 U6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
: O6 {' \7 S9 Z4 R- D0 I: X6-10 优化加载提示,骨架屏功能实现 (13:53)
3 f; n& I! N2 ?: |2 H3 ?! k* ~0 O- |6-11 优化加载提示,状态展示组件 (08:53)$ G7 a! B7 @& M
6-12 广场页面收尾——兼容性配置与样式调整 (15:50); P5 l* l5 x& C* T  a
6-13 章节回顾
& T' o1 K7 B1 C/ O% G. G' w/ _2 }2 H" b
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟* l$ a; f6 Y! x4 h5 o5 [
7-1 开篇语 (02:18)
$ f- X( L* X$ B, X+ `8 z7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
/ v* e* u2 L3 h! {4 _) ^+ w0 s5 J9 k7-3 自定义头像组件封装与调试技巧分享 (10:56)/ Q( ~! u9 m' Z+ a+ P6 x& Y# i
7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
$ E2 X8 U, b/ w9 U; O1 L+ M$ u7-5 “继承”特性运用实现评价列表数据获取 (10:39)
# Q* W. M6 i! k5 J# S, N5 Q1 \7-6 服务评价组件与评分组件封装 (19:53); [& T9 ?8 g. R' i
7-7 服务评价组件完善与图片预览 API 实践 (17:53)4 Q. ]+ C2 ?/ O" U# q* E
7-8 枚举值使用的最佳实践 (09:40)9 p# k# D, @$ j6 v
7-9 安全区域适配解决方案 (13:15)
3 B' x! S3 W7 c( p7-10 操作栏角色按钮渲染 (11:27)  k4 m1 Q0 T1 I/ F; |
7-11 自定义组件 behavior机制初探 (22:09)
8 A5 y: m! C6 Q3 j% f, `7-12 事件回调参数工具函数封装 (09:31)8 G6 D( Q$ g& i3 C+ [  b# e; m
7-13 更新服务状态回调处理函数实现 (14:04)+ q2 a3 f) B/ n5 ?7 r$ d/ A6 S
7-14 常见登录方式及小程序登录 (14:08)
9 l( g/ I2 j# e7 h- r9 S  S: l7-15 思考题:在小程序中采用手机登陆方式的优点
/ @$ @* t3 A# I( y8 K$ q( |& P$ i7-16 登陆页面实现 (25:47)
2 z# O8 P# S/ |9 a7-17 异常与错误 (17:36)
$ _4 |% Y( b- l. A7 p/ E6 I, I7-18 异常机制与异常捕获 (14:52)8 S) H# ^+ Q; k/ ^
7-19 登陆时机控制与刷新令牌 (20:13)& c  w& [) q) D" Y3 Q
7-20 服务状态修改测试以及注意事项 (05:59)
! E+ \2 Q" |: P/ D) I7-21 页面间事件通信机制实践 (22:39)% G- v- _  C' q) k
7-22 自定义 button 与外部样式类 (19:11)% H' b' ^& \; L9 |; U" k
7-23 让自定义 button 组件支持开放能力+ B! O, E5 d, n5 E( ?+ U5 p
7-24 服务预约页面与预约成功页面实现 (25:58)9 H1 q( k2 |" N, P# `) G: X
7-25 服务详情页面收尾 (07:00)
. l, d$ q" T: h1 P  d$ m$ G" P7-26 章节回顾
6 a0 b* e# Y. ~4 T. Q& w" D, A0 l
6 R8 q# M) G4 x. h  ~2 I( t7 e第8章 表单提交与表单校验19 节 | 214分钟
" ~& R' {; C+ |  L8 {. K  h9 ^8-1 开篇语 (03:42): ]" ^9 M6 m# {3 n, ~. I: Q0 c
8-2 服务表单组件表单项定义 (17:21)# R! h8 w! H) i2 X
8-3 服务类型表单项初始化逻辑实现 (21:49)
. z# s0 g3 q0 A( P$ V: X6 f8-4 深拷贝与浅拷贝 (16:02)8 f- V7 P6 M7 Z) q
8-5 表单项事件回调处理函数实现 (12:22), J) `; ^# N- J- m9 C( N/ [: c' X
8-6 图片上传组件封装之数据监听器 (13:42)+ J5 y) K/ s6 N' X$ ?$ h  {4 ?5 Y
8-7 图片上传组件封装之组件元素定义 (15:26)
( K3 Q( L3 r5 ]- T& E8-8 图片上传事件回调处理(上) (13:17)# {! _: v5 t+ J" E4 n) E2 R* _# d
8-9 图片上传事件回调处理(下) (16:21)
7 G2 h8 O4 k2 P) ]5 x8-10 服务器合法域名配置
& ~4 K0 z. q) d, p$ W3 g( G+ z3 o) }8-11 发布服务表单联调 (11:59)8 J  E- B' {& s
8-12 编辑服务表单组件联调 (11:48)( W2 V2 y1 w& y* w' _- m  Q. P
8-13 发布服务与编辑服务表单提交 (14:03)
( ?: [9 d  v( y& ]  L  T8-14 表单校验功能实现 (19:50)1 d( r# R/ j1 R0 _7 ~) L0 d; x3 ]" z
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?* l0 t  g4 o7 t, H# C  i- q+ d
8-16 组件监听页面生命周期实现校验状态初始化 (08:36)% w8 n+ t6 @% r& p3 I) I5 Q- p
8-17 原生 API 机制踩坑 (09:16)
2 j8 |' }2 i6 I& F4 P8-18 服务表单组件收尾 (07:39)
4 I, {9 {. X3 ~) Y, u3 D8-19 章节回顾6 A* c+ i8 Q5 Z- C* c+ Y9 n

2 o4 i4 y  s. H* [  M6 d第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
8 v! Z& c! g& ]# I+ ~' G/ D9-1 开篇语 (08:02)7 G! U+ i4 `7 o
9-2 即时通讯IM SDK 安装2 N$ E" n1 o8 I( I& Q
9-3 即时通讯 SDK 安装与启动 (10:07)2 w# m" L' Y/ B+ y1 D
9-4 模型类基础封装与单例模式 (11:06)
3 B2 O* q5 m4 m" ~% A9 x1 T/ U& J, a9-5 获取消息列表模型方法封装 (11:59)# Y9 F* T  K0 s! C" K2 [
9-6 测试环境 sign 生成函数
+ p+ Q$ I: K4 A6 R* y: b8 K$ x# Y9-7 TIM 登陆实现 (12:10)
3 p% Z( @! V' |! x, {& I# v9 E5 O/ V9-8 TIM 事件监听机制初体验 (04:57)
5 Y3 t' D1 x3 N/ p, c" F& T: x9-9 全局状态管理介绍 (06:39)
, B# V( d6 Z0 u& u( Q" H9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)" \0 e! _3 M% d/ ]9 |! o
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
% b7 I5 |; a! N9-12 消息列表和消息接收状态管理 (12:52)6 c& Y$ }3 D0 O/ a; `
9-13 测试消息列表获取与消息接收 (10:34)9 y% _2 \( X4 |9 V. s8 v. r
9-14 会话详情页面基本骨架搭建 (10:39)
% O5 x# q6 H7 t$ V( e- A1 T9-15 消息组件封装 (26:11)9 \% v6 v& W( ?7 U
9-16 自定义类型消息展示 (17:54)
# J, R/ ~# o3 O+ `9 Q9-17 消息发送事件回调处理 (12:34)
  S# U/ ?* P' q" @9-18 消息实例创建与工厂模式 (18:19). T9 `  o5 `, i6 R  I# V: \5 t  T7 Z2 V
9-19 发送消息测试 (04:57)
/ W3 ]8 y5 i- o- U$ K9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
# F9 U% `. |2 _3 F0 d9-21 滚动触顶加载更多历史消息 (12:31)
: u/ ]$ j2 g5 A! |* i- v9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)! m6 X% l$ P' K% j
9-23 服务链接发送提示功能 (09:51)2 a0 J! G9 I9 h! W# P
9-24 会话列表获取与更新事件监听 (10:10)6 ^) r' ^6 Q/ n% t, C! p! ?
9-25 消息栏目会话列表展示 (16:27)4 {( Q% t! S4 X1 Q7 n
9-26 自定义徽章组件封装 (11:31)3 @$ l/ s/ M1 {4 ^9 t3 J( Z4 k
9-27 tarbar未读消息提示实现 (08:54)
5 p3 X% ~. K# U9-28 tarbar状态同步解决方案 (15:58)
! q8 {* E4 P, B" F4 _: s9-29 即时通信功能收尾 (11:25)
  s3 l5 \( k% Z6 J. D" O% e* V9-30 章节回顾8 a4 V4 ~9 r% W, S) [: n
- O* W9 C; Q6 P5 X( O
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
, q  y* b: M4 |% l10-1 开篇语 (01:13)
/ B  U8 v# q6 y$ M1 u! j5 |10-2 个人中心头部展示实现 (07:11)6 V( B: N  ]: {! A" f
10-3 宫格、宫格元素组件基本定义 (10:38)# D" H) h% y+ K3 }, ~$ ~1 ^
10-4 组件间关系定义实践 (14:10)) |0 b* |& D. l1 h7 L6 g' [0 n; e9 Z
10-5 个人中心宫格展示配置化 (07:12)+ l% i) q# P' A7 X# r/ p8 F
10-6 异步请求执行优化与宫格徽章展示 (18:03)" G, P' a5 h3 _6 A$ A
10-7 组件事件冒泡与穿透 (22:52)
. ^6 [8 m4 \$ b10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)! B6 ?: W% w+ o" u* W
10-9 订单预览组件展示元素实现 (14:37)
  D" K7 _+ d, G  e3 n10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
- H( H2 U; D5 Q, e% T10-11 “我的服务”列表页面实现 (13:42)! s+ o8 ]! S, u6 F2 Z
10-12 订单详情页面基本元素展示 (24:27)
3 V0 \, o" E, S: k# l3 a1 N10-13 订单详情操作栏渲染 (15:34)
/ C! H/ m/ M2 A10-14 订单状态更改实现 (13:40)
6 p% w, A3 v* j2 T. t/ w0 M& ~  V10-15 订单评价页面实现 (24:02)
4 S  a6 b( R4 I10-16 订单评价功能收尾与售后模块说明 (04:57)8 b9 B9 }* }7 ]* s% A0 [8 t
# a% W8 k" p3 b. ?9 Z
第11章 课程回顾与总结1 节 | 8分钟
% F) q& d0 j" C! K7 w. V3 S11-1 课程总结与寄语 (07:38)0 A& R% @- L% `
3 f) A9 _( ]) b4 s& K
〖下载地址〗: O7 p1 ^1 z* i2 o& o. _
游客,如果您要查看本帖隐藏内容请回复
  h" p. A$ f1 j- Y8 _( P' D
〖升级为永久会员免金币下载全站资源〗
- F6 `" p# S& \2 ~- `: }* a8 Y全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
' G( t  v5 S- C; \+ ]; W  U5 V
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏 ) @" ?! J6 P" q* O" e% J
分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则