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

  [复制链接]
查看3272 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg 6 k" n. E1 U) z* f8 o/ H7 V3 A6 y8 Z% e

: h& }0 U0 T; z6 e1 m9 V7 h: R〖课程介绍〗$ ~3 \$ r$ O  P' O! v( V; _# _
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。
% B- M( z+ S8 B, i2 G. T0 O〖课程目录〗) j- {4 n2 |9 W% c
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
- O. j6 r6 b4 v! g4 j. W, x1-2 课程食用指南 (01:26)
: e2 v3 y/ i3 b0 t1 K) X1-3 小黄,做一个小程序 (03:56)# e% r- |; n0 z( K
  N5 N+ z4 T8 c+ c
1-4 开发环境、开发工具准备 (08:09)' P% E" O7 |* N7 d
第2章 初始小程序和项目需求分析9 节 | 112分钟
# g9 d: f, @' r: i, ]+ G, S2-1 开篇语 (02:05). m9 o0 _0 r( _  S! I
2-2 功能结构与业务流程梳理 (23:53), Z/ P* d8 d6 L$ D- X& G+ x
2-3 常用基础组件、样式布局入门 (16:34)! v' Y/ }+ X1 c
2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03); P6 w. L( ?- U7 y9 I5 {2 i( A* |& ~. n
2-5 感受平台生态的力量,常用API入门(上) (14:28)& E( {* U8 o9 y" w/ U
2-6 感受平台生态的力量,常用API入门(下) (14:45)7 u$ h( Q$ ^( v" R
2-7 特别的API——wx.request,前后端分离架构初探 (14:33)7 T- i, L+ ?: |4 [5 @
2-8 前后端分离架构的前世今生 (08:44)$ U$ A1 N4 r  k) q7 A
2-9 章节回顾, I. P6 A% i( o8 D7 j6 b

* Y( H; m0 {+ X, S) Y第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟4 M: F* U/ C' F4 k
3-1 开篇语 (01:37)
6 ^# V  {7 r/ S& L; p3-2 原生tabBar组件使用及配置文件介绍 (20:26)4 I* N; y0 N, o: {8 T) l; z
3-3 实现“广场”页面标签页效果(上) (14:14)
- R" i6 H9 V% ?- c, ^8 b, W3-4 实现“广场”页面标签页效果(下) (10:38)8 B3 |* M& j1 R8 c
3-5 分类筛选功能实现 (15:25)6 }9 |4 F0 u) W
3-6 【项目作业】服务分类 Swiper 样式优化
. Q! o. L; g6 c7 G3-7 章节回顾3 p+ Y% b$ ?8 L! f6 X9 k% z0 f
0 C3 w0 W; n* v3 v7 w
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟, f' Z2 Y1 v: V- n
4-1 开篇语 (04:06)4 F! Y) g: Y; r* l
4-2 进阶必备——自定义组件基本概念 (09:10)
- P. p7 `$ p: w- T; w4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
! B7 _% z) ]8 R7 s0 c( S4-4 重构内容标签页(下)——自定义组件插槽 (08:45)/ V4 d* v, }4 N/ F8 k7 M4 [
4-5 警惕频繁事件交互和 setData (11:39)% @8 M( \, [. i; W
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)' J2 h, z$ F2 u! r$ u" x' q3 d
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)
, X/ b. w0 N+ \5 l' A4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
: W; F+ ], r& Z' }* H4 |: [4-9 【实践作业】 wxs滑动监听优化
5 S' i' L: M" r0 b. X" I4-10 章节回顾6 p4 ~% Z: h) u' _" V. {* X& v

) ^& V% g! H  p8 S! ?第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
6 \) X% ]1 r% P6 u0 d3 G. @5-1 开篇语 (03:02)/ q% y& r: s4 t8 C5 x, Z
5-2 JS面向对象与代码分层设计- (21:13)0 _2 U, x9 `$ u% F3 u
5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)  i9 `' r; r7 c" g& A9 E% `0 N
5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55), v* r& _& B1 f) \& t$ S
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)$ ]# J1 k( \: ?4 C) \; g  W
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)6 x6 f1 |& s1 S" t1 A
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)' {- M8 g. E4 h2 M
5-8 “服务预览”组件封装实现服务列表展示 (29:45)
" `9 w7 F0 ^+ K! ?9 l/ y5-9 Iconfont 样式文件: E% s! A7 r$ {' y; j
5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
3 r4 Z4 Z8 X& G4 q$ v* N( X5-11 章节回顾/ R  E# @0 x% {  X

, v1 s$ @' C: w- i: Z5 e/ {; ^第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
( T2 N- @$ H2 ^# v! z8 Y& O$ v6-1 开篇语 (02:08)' [9 u3 z: I" ?# I0 ^; R7 m0 h7 V
6-2 Iconfont样式! _  O4 w2 f( P# m' T
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)& ?' i) _% @+ R3 @& J3 o
6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
: N/ B3 G( @+ z. f* }0 I% y6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
5 {" E4 ~+ p; \! c6-6 内容标签页、分类切换数据联动 (17:20)) w  |. Z% g  {* e+ e
6-7 节流函数
6 `- P( W5 r. N! R% t6-8 使用节流函数防止频繁触发调用 (12:55)% Y" T1 x! D* ]1 a  p0 o; v
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
% e: ~7 A5 z- i/ c: _6-10 优化加载提示,骨架屏功能实现 (13:53)2 E4 c4 |; g$ [! G6 S: L+ c
6-11 优化加载提示,状态展示组件 (08:53)1 Q& n6 `2 t0 d$ f5 L8 k3 [7 w+ ]
6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
0 R$ \8 \( A, y, U% b6-13 章节回顾
8 L4 p1 F- l* ?( s  h
' X- n8 Y! O0 U6 b第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟- k1 u- W4 C# j9 }* `/ e1 {
7-1 开篇语 (02:18)
! Q$ H% m7 G& E) b5 \7-2 服务详情页面骨架搭建与路由传参实践 (22:02)+ E3 _4 G# p. p5 l5 y
7-3 自定义头像组件封装与调试技巧分享 (10:56)
) \2 G7 ?* Z# f- ]2 D+ y% ?7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
8 a" \9 O2 Y+ m$ @( j2 l9 G7-5 “继承”特性运用实现评价列表数据获取 (10:39)5 }% v/ q/ c' A& M
7-6 服务评价组件与评分组件封装 (19:53)
8 P8 D' y: w/ }1 A7-7 服务评价组件完善与图片预览 API 实践 (17:53)' N: M' r$ o) w; f- T8 Z0 H
7-8 枚举值使用的最佳实践 (09:40)3 w; `  ]# b5 {- Z
7-9 安全区域适配解决方案 (13:15): V% x6 Z  S" g8 G, `' F
7-10 操作栏角色按钮渲染 (11:27)( A: u' g# ^% A( g0 B! I  G) |
7-11 自定义组件 behavior机制初探 (22:09)
3 d0 A% W! J7 C9 g1 }+ ~; C: s0 L7-12 事件回调参数工具函数封装 (09:31), G% t2 X. c+ R8 i; ~- U# z( |
7-13 更新服务状态回调处理函数实现 (14:04)" F4 f9 w- |' f9 j: a
7-14 常见登录方式及小程序登录 (14:08): Q2 C( H5 t9 p1 D2 R; R
7-15 思考题:在小程序中采用手机登陆方式的优点4 S# @) U  G# F( I, x1 ~
7-16 登陆页面实现 (25:47). F' v, u) \7 `! M3 z9 M
7-17 异常与错误 (17:36)" y" a' g. M) L9 k9 ?; r/ y1 K4 P+ V
7-18 异常机制与异常捕获 (14:52)
  G. P% Z8 Z- P7-19 登陆时机控制与刷新令牌 (20:13)
& b: Q4 h$ I+ M5 ]4 v7-20 服务状态修改测试以及注意事项 (05:59)
) W% U' J7 s) l9 Q* P7-21 页面间事件通信机制实践 (22:39)
# ?' K( i2 j8 W" k/ d7-22 自定义 button 与外部样式类 (19:11)2 a) U( f( x" \6 S# D1 E) U# x
7-23 让自定义 button 组件支持开放能力
4 e0 R- n8 e1 h% ]- Y: {2 P7-24 服务预约页面与预约成功页面实现 (25:58)- i/ h, M* E4 B+ G0 x# v$ ?5 o
7-25 服务详情页面收尾 (07:00)
# j9 M" ^+ n8 k9 a/ X3 `7-26 章节回顾8 r" r4 m& f, X) h
6 x( M7 N& |* [  h* Q
第8章 表单提交与表单校验19 节 | 214分钟$ |$ C6 K! T. B
8-1 开篇语 (03:42)
* Q' ^" v$ R; {+ M8-2 服务表单组件表单项定义 (17:21)0 @4 N: B2 }# R6 j7 d8 h" ?  j
8-3 服务类型表单项初始化逻辑实现 (21:49)- Y; `$ w3 A" d7 X1 b. m7 T1 U+ I
8-4 深拷贝与浅拷贝 (16:02): L- f# X: o. N" Q6 G, P
8-5 表单项事件回调处理函数实现 (12:22)
6 z6 m8 a7 m# A: H* O; S8 ~8-6 图片上传组件封装之数据监听器 (13:42)& O0 Q5 l. ^( A. @3 c" P9 p3 W2 V. S
8-7 图片上传组件封装之组件元素定义 (15:26)* F/ w- ?8 d* k! T4 B2 @* n; o+ v
8-8 图片上传事件回调处理(上) (13:17)
0 f* D( F8 c" V# B0 ^/ M3 ?- ?8-9 图片上传事件回调处理(下) (16:21)
; u# S' G9 d9 {  J; K; G9 S8-10 服务器合法域名配置( [1 i2 Z4 h, ]. K& f3 ?
8-11 发布服务表单联调 (11:59)% c( T" r) ]; c/ N9 ?( R: ^3 k+ L
8-12 编辑服务表单组件联调 (11:48)+ P1 p, y6 J. k1 o0 L
8-13 发布服务与编辑服务表单提交 (14:03)
, ]) s) v* S% M' ?/ w8-14 表单校验功能实现 (19:50)  y/ E# d! q1 h4 W) E. u
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?* b$ ]- H" g4 X
8-16 组件监听页面生命周期实现校验状态初始化 (08:36)" q9 k) L- p% G& b
8-17 原生 API 机制踩坑 (09:16)2 s, f  l. G4 J. t/ Y* w
8-18 服务表单组件收尾 (07:39)
; |# o4 U! y) W* w* H8 e8-19 章节回顾
8 H' @7 D) q& v% Y2 e: ^0 C( J' x0 u
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟5 C, V* r& E8 s( G9 z
9-1 开篇语 (08:02)/ ?/ W6 {& m0 D& _9 a+ E
9-2 即时通讯IM SDK 安装
# u! {: ]0 u0 |1 t) k, S; b9-3 即时通讯 SDK 安装与启动 (10:07)
1 m! i3 ~* G$ j  q8 ^' H8 O9-4 模型类基础封装与单例模式 (11:06)9 S7 F! j2 `: k9 i: `9 E+ E; e
9-5 获取消息列表模型方法封装 (11:59); [/ c% L$ N' a0 \$ Z. G, b
9-6 测试环境 sign 生成函数# `$ X; }( J% T+ |  @, G, I
9-7 TIM 登陆实现 (12:10)# K2 R# U3 p4 k5 M1 c, J8 J
9-8 TIM 事件监听机制初体验 (04:57)
4 @* D8 r, q" Q# p- L# V7 \9-9 全局状态管理介绍 (06:39)
3 M% P5 s$ I, s' b5 n3 K* F9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
' O% \6 j& o% z3 i  |* v9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
- G. \/ b5 v6 A3 O9-12 消息列表和消息接收状态管理 (12:52)
, _4 ?1 I: }+ E) y( o' i  E* b9-13 测试消息列表获取与消息接收 (10:34)  b! K( f3 {2 z) |4 i; v. b
9-14 会话详情页面基本骨架搭建 (10:39)
$ _# |% T/ H- y% Q* |2 N9-15 消息组件封装 (26:11)
( ~9 [/ M% p/ |" t# E0 D8 N9-16 自定义类型消息展示 (17:54)
3 J% {. h( {& R7 y) E+ Z9-17 消息发送事件回调处理 (12:34): c" F( k* _1 _* b' v7 [
9-18 消息实例创建与工厂模式 (18:19)
) m" l/ |9 d& W) R6 L) R! M9-19 发送消息测试 (04:57)0 F6 j4 @- B0 k& _8 o
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
$ W8 h2 V6 B6 k# G- H% W+ Z' F# V9-21 滚动触顶加载更多历史消息 (12:31)
; _  z) K- l9 v0 l9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
1 ?+ o2 h6 d! @2 g9-23 服务链接发送提示功能 (09:51)& [% ^+ C7 }6 v/ B! Y2 ?
9-24 会话列表获取与更新事件监听 (10:10)
: s9 K1 K* @9 i4 B+ F6 \9-25 消息栏目会话列表展示 (16:27)6 @' h6 J/ ~+ _5 O, `2 K! L- f
9-26 自定义徽章组件封装 (11:31)6 H, \. y4 _7 d+ h+ W
9-27 tarbar未读消息提示实现 (08:54)5 c$ D6 B3 H9 N6 E4 f8 l
9-28 tarbar状态同步解决方案 (15:58)
+ F+ |" l9 H$ h& Z9-29 即时通信功能收尾 (11:25)
7 O$ S0 w% M# N6 R9-30 章节回顾  J8 y& I2 x5 u3 r: s5 {$ P
$ C. @$ H! G5 C' D1 ~, x3 {
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
3 A! t0 y% D7 M9 M# _10-1 开篇语 (01:13)
2 C- K0 Y6 H$ ^! c, U+ `10-2 个人中心头部展示实现 (07:11)
9 \3 e3 C1 k9 R5 W10-3 宫格、宫格元素组件基本定义 (10:38)
' H: P) H. R) a% d% C. u10-4 组件间关系定义实践 (14:10)7 ?: m& K' M& M5 y/ A7 ~
10-5 个人中心宫格展示配置化 (07:12)
9 s5 j' e' y* A10-6 异步请求执行优化与宫格徽章展示 (18:03)
0 N" W& q  \" Z10-7 组件事件冒泡与穿透 (22:52)
6 L; e; q) o; n% k3 l10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
! k6 R/ h& b9 r10-9 订单预览组件展示元素实现 (14:37)
" Q& m& B  U" q/ L+ y10-10 二战 behavior 实现订单预览组件操作栏 (27:14): N) x2 E' X: L: ?. P* V3 K
10-11 “我的服务”列表页面实现 (13:42)& V7 n( j  W( L( R
10-12 订单详情页面基本元素展示 (24:27)" n: g% o3 S& _' {2 x7 l
10-13 订单详情操作栏渲染 (15:34)* n+ a3 t, _$ ^! S5 @, E
10-14 订单状态更改实现 (13:40)4 t7 s7 N+ m* Z9 {3 x
10-15 订单评价页面实现 (24:02)- B/ N- u% o; U1 s+ R5 V- R
10-16 订单评价功能收尾与售后模块说明 (04:57)# k/ k( q' m6 m) e  r& [
. r# V8 P' s- j6 i3 G( i, d7 l; B+ f0 U
第11章 课程回顾与总结1 节 | 8分钟
. ?$ X$ G; t# J1 z+ a  l11-1 课程总结与寄语 (07:38)
# X0 C; z- t# z
. e; L8 z# S. p4 L# @+ O) ^〖下载地址〗
6 [4 X+ f; o) i$ D- K
游客,如果您要查看本帖隐藏内容请回复

8 [" D: ^$ i( L0 r; n) b$ R8 p〖升级为永久会员免金币下载全站资源〗
. M4 M# _8 S9 w2 p% Q* Z全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

1 @  D( Y  N  i% Y7 P: R. ~
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏
, I5 R) Y/ m) n, i分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则