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

  [复制链接]
查看3575 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg
% D# E  O- \6 E4 u, ^7 k+ w' n7 n( H2 Q: v# |& ]* z/ P& n# B
〖课程介绍〗
. j' y$ `6 P! `! e# q& g; [# u3 H8 B学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。
/ m6 ^9 _/ @* G, i〖课程目录〗6 D, z% ]4 z: f5 G- [2 F3 v
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
2 W; P/ P& b, d, G% u% L$ `1-2 课程食用指南 (01:26)  \0 e5 N/ C( U  P* {9 T  |
1-3 小黄,做一个小程序 (03:56)% |4 k7 k7 o$ X/ R7 O

* t( Y8 q" V  l# k1 B/ O1-4 开发环境、开发工具准备 (08:09)9 w  ?; Q$ n5 {9 v3 F
第2章 初始小程序和项目需求分析9 节 | 112分钟
$ B/ l" f- C  |& z2-1 开篇语 (02:05)( O$ l# d' J; R, K, d, j
2-2 功能结构与业务流程梳理 (23:53)
& s. g2 C% ?. U- P. _9 {' d2-3 常用基础组件、样式布局入门 (16:34)5 f6 F, O7 g9 B6 S0 p. y+ k0 H
2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)2 z+ |3 H& e$ M0 r: O, g; x- e
2-5 感受平台生态的力量,常用API入门(上) (14:28)
5 p+ T2 {" _0 q) s2-6 感受平台生态的力量,常用API入门(下) (14:45)
+ \6 W* H2 Z7 h9 v0 n# r$ U& g2-7 特别的API——wx.request,前后端分离架构初探 (14:33)
! |; s/ j4 C6 d& V" M4 `2-8 前后端分离架构的前世今生 (08:44). C, l5 M# ?6 E" ~# E1 p
2-9 章节回顾" x; B, w6 C: b  W4 @( ]+ y2 T

' ]6 ]6 n; G( L/ Z* X% c/ }第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟/ l1 n" B0 G: M2 E% {% |) Z4 ^
3-1 开篇语 (01:37)
. M  A' n* P" A& @9 o0 ^* Z, a% d3-2 原生tabBar组件使用及配置文件介绍 (20:26)+ b! Z+ f/ {( k; l, ~
3-3 实现“广场”页面标签页效果(上) (14:14)
( v3 H/ y. `9 y3-4 实现“广场”页面标签页效果(下) (10:38)2 Y1 }. h& A% W
3-5 分类筛选功能实现 (15:25)
, J4 d" R) o% Z) l1 [& ~' Z1 R3-6 【项目作业】服务分类 Swiper 样式优化& I3 j, {2 B$ Q) C+ V/ o4 n8 G
3-7 章节回顾( i4 D- Y! {: M

/ K. J% u8 L1 B% |5 k第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
( C; L+ }$ N: a3 F3 a: T( b4-1 开篇语 (04:06)! t0 \# T! S- ~8 B" f
4-2 进阶必备——自定义组件基本概念 (09:10)% x6 S7 S$ R/ x& u& }3 q
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
4 M- N: V  ^/ C7 M* t4 ?4-4 重构内容标签页(下)——自定义组件插槽 (08:45), A/ \/ V( P0 X9 q2 b
4-5 警惕频繁事件交互和 setData (11:39)
- `" m8 B1 ]0 {0 ]7 A# v9 V4-6 WXS 实现手指滑动监听切换标签(上) (16:10)9 c: s% x% `4 e9 Q+ F4 V0 ^8 z1 d
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)- Z9 `" _3 K$ {' q
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
( v8 f! W3 Y* e& B' Q  e8 m4-9 【实践作业】 wxs滑动监听优化1 ^& U" M$ s& _8 g, a/ d9 ~
4-10 章节回顾
: A6 r% c) _+ J# R2 n/ `6 m/ Z! Z* o* `! ^1 f" W; H. ]% C9 K
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
. q& F4 [9 e1 n& ~  l9 Z5-1 开篇语 (03:02)- O% O% K1 f5 Z: M2 D
5-2 JS面向对象与代码分层设计- (21:13)
* C" c) u% z  Y: O3 A5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
2 W# @7 ~, q0 ]5 M1 J5 ~9 ]7 W5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)* v% L" X  |- u/ N$ G& q& I
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)9 j* B/ I! c2 y  `1 m0 l
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
( J( g9 u9 u% G9 x5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00). I: p6 m* u  I. h; i3 a
5-8 “服务预览”组件封装实现服务列表展示 (29:45)2 Y, O; V! i$ o5 z- D
5-9 Iconfont 样式文件
( F9 Y, t% I% ]5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)/ ]: F1 X& O* ?; r! v
5-11 章节回顾
1 u+ |: c4 ^0 ^: k9 w0 {
2 W4 _  \$ G5 y- t6 A# G  C5 |第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟9 s  c6 l3 r& c* ~" p* u
6-1 开篇语 (02:08)/ R4 e  h* |, v0 O7 @: b8 U
6-2 Iconfont样式
& _; ^$ b" E( q6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
! Q; g3 m( X- K  x6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
+ h, @& K. d" j6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)$ N  B; V6 O% H, B1 Q3 g8 M" x
6-6 内容标签页、分类切换数据联动 (17:20)
2 q( T7 u, A1 q$ \) F+ _3 L6 l6-7 节流函数% @4 A  F& p9 |) C' n( ?
6-8 使用节流函数防止频繁触发调用 (12:55)
0 F+ |$ e9 i. M# w: z( g6 R0 G- |6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
2 Y  I6 j0 [' o; L6-10 优化加载提示,骨架屏功能实现 (13:53)* l9 d& u  v3 h  P5 a. D+ V+ |5 g3 k8 @* j
6-11 优化加载提示,状态展示组件 (08:53)
, j7 B: b/ I9 ]3 w2 i$ f6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
0 @; Z/ ~5 o! R" k/ C* Y5 F6-13 章节回顾/ n3 h+ x) k. N0 t+ P

2 Z+ C9 V. K5 v- z6 p. _第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
/ }; L, u, ?* l) B2 Y$ |7 ^7-1 开篇语 (02:18)
9 r/ Z0 z) P6 Z4 m  r7-2 服务详情页面骨架搭建与路由传参实践 (22:02). Q: R) z4 x4 _. _! W
7-3 自定义头像组件封装与调试技巧分享 (10:56)
; V& c" n6 Z# B8 V% X7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)* j# ]% U9 F" C
7-5 “继承”特性运用实现评价列表数据获取 (10:39)" t. o7 p) [3 R. |
7-6 服务评价组件与评分组件封装 (19:53)
' v, N" y$ u$ q  M- t0 F7-7 服务评价组件完善与图片预览 API 实践 (17:53)
. {$ T% z' B: ~- q# R; Y3 E3 ?7-8 枚举值使用的最佳实践 (09:40)6 G' I8 D" a9 m. Q( Q6 k0 ?
7-9 安全区域适配解决方案 (13:15)2 G( Z* k# C; x4 F( e
7-10 操作栏角色按钮渲染 (11:27)% Q$ k3 U* b% A. X( C2 U( X
7-11 自定义组件 behavior机制初探 (22:09)- _+ D3 f6 J( o. Z# d: F' C. d
7-12 事件回调参数工具函数封装 (09:31)+ C5 ]- y2 ^% F; I# C1 @
7-13 更新服务状态回调处理函数实现 (14:04)
, |) P( y9 k$ U; j7 q! J0 L4 F7-14 常见登录方式及小程序登录 (14:08)2 p+ k8 g- i* G: v9 D% w) l
7-15 思考题:在小程序中采用手机登陆方式的优点
1 ?3 O2 v8 h! t0 f2 d7-16 登陆页面实现 (25:47)
3 K% j. b- E# q, c5 K! _7-17 异常与错误 (17:36)
+ M8 k% ]+ m# k2 Q7-18 异常机制与异常捕获 (14:52)/ [4 Q- L4 n0 d
7-19 登陆时机控制与刷新令牌 (20:13)
0 j1 n" }! k- t) r* d5 G* }7-20 服务状态修改测试以及注意事项 (05:59)% T. {, v+ ^4 b; K/ ?, k+ B! U
7-21 页面间事件通信机制实践 (22:39)9 z5 n5 `( p3 P$ }
7-22 自定义 button 与外部样式类 (19:11), `, E0 j9 v! \
7-23 让自定义 button 组件支持开放能力
+ c2 H3 Q" k+ o; v7 H7-24 服务预约页面与预约成功页面实现 (25:58)
3 u  L' C. K1 x. {. d7-25 服务详情页面收尾 (07:00)( h( K. t7 `6 `) y% K3 R
7-26 章节回顾* ?4 P" ^6 F, e# J' h
& A/ ]( ~# Z- r0 j
第8章 表单提交与表单校验19 节 | 214分钟3 g( I6 ?+ T" @* t6 Y' K" A
8-1 开篇语 (03:42)$ s- M( L* ?8 H$ g; |& Q% }
8-2 服务表单组件表单项定义 (17:21): U( u: E: |, Z/ Z5 k+ p, |
8-3 服务类型表单项初始化逻辑实现 (21:49); a0 q" W. h8 {2 u+ B; D
8-4 深拷贝与浅拷贝 (16:02)
9 F6 m9 V- E5 D2 C* a8 m1 s8-5 表单项事件回调处理函数实现 (12:22)6 @- J* E3 Z+ }" C. _9 p+ P8 b
8-6 图片上传组件封装之数据监听器 (13:42)6 x; k6 t2 Y; }! \" X) b$ [
8-7 图片上传组件封装之组件元素定义 (15:26)
6 E5 P$ T' |+ C5 @6 }# ?8-8 图片上传事件回调处理(上) (13:17)
+ t- l2 F) P' H8-9 图片上传事件回调处理(下) (16:21)0 R" e+ v, t* _1 G0 |6 D
8-10 服务器合法域名配置
" A0 M' u$ E% i1 F/ h" c0 P0 T8 m8-11 发布服务表单联调 (11:59)
/ X$ C0 g# O0 ?8-12 编辑服务表单组件联调 (11:48)
7 l7 ?- `! ~, \# Z8-13 发布服务与编辑服务表单提交 (14:03)
! q: V* J' [, X' k! \. `4 m8-14 表单校验功能实现 (19:50)+ b/ n3 g( u  p6 ~$ P$ D
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?* K# N: a" _* p( z3 ?
8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
# ?+ Y! }  o: q# B6 H8-17 原生 API 机制踩坑 (09:16)
9 J8 U: M7 e3 E# Z9 Q) M8-18 服务表单组件收尾 (07:39). ^+ D, U5 |) H* Y- \+ ?
8-19 章节回顾
7 O6 k3 t- |" z3 Z: ?; z; V0 |7 S6 ^9 D6 k7 Z
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
+ ]' ~; [' g% G% ]+ y" L3 A9-1 开篇语 (08:02)
! |  M; j0 X  N$ Q2 W. g0 X9-2 即时通讯IM SDK 安装3 S+ W; ^: \; ?
9-3 即时通讯 SDK 安装与启动 (10:07)+ t; W, S7 @* `$ X
9-4 模型类基础封装与单例模式 (11:06)8 O6 K) p9 l) E* _( g" U
9-5 获取消息列表模型方法封装 (11:59)
3 m5 ^5 u9 j4 D, ?6 \$ m; H9-6 测试环境 sign 生成函数4 i( s4 K; }; H) J. P
9-7 TIM 登陆实现 (12:10)& Q) K/ a2 R* U5 I$ R: r1 x" B# t
9-8 TIM 事件监听机制初体验 (04:57)5 `. a( b8 F1 z8 _3 X! `5 R
9-9 全局状态管理介绍 (06:39)
+ v% `- L5 P4 G$ |4 }% C9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)# H5 F1 e% E2 |  D
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
% U8 y: O. g  v2 \$ g/ f9-12 消息列表和消息接收状态管理 (12:52)
; ?7 k# j& {! X' A9-13 测试消息列表获取与消息接收 (10:34)2 _$ [$ n+ X1 [  T; a8 C3 N9 T
9-14 会话详情页面基本骨架搭建 (10:39). A0 D" d  F5 A5 w) V$ }/ G( q
9-15 消息组件封装 (26:11)& x& V9 M2 s' ~' d" e: a4 k
9-16 自定义类型消息展示 (17:54); l3 Y6 e! u$ @6 {" I; d
9-17 消息发送事件回调处理 (12:34)6 O% `4 ?7 l( Q6 F4 o# |
9-18 消息实例创建与工厂模式 (18:19)6 p/ ~+ Q* g- {" S" |
9-19 发送消息测试 (04:57)
3 B/ z! x7 D9 r. V' p3 w9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
% Y+ V) V. P1 s: Q$ p3 K! H9-21 滚动触顶加载更多历史消息 (12:31)6 V2 I5 {+ A* j$ e, j+ A& P9 W
9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
% p* y. A. ^! H9-23 服务链接发送提示功能 (09:51), b0 P# Q, z' m) L/ R9 d
9-24 会话列表获取与更新事件监听 (10:10)
; U; Y! X' [7 m5 I  I; [9-25 消息栏目会话列表展示 (16:27)
$ q" h4 N/ Z$ C) ^9-26 自定义徽章组件封装 (11:31)
1 d0 x6 I! a/ ^8 i2 w1 o9 M9 |9-27 tarbar未读消息提示实现 (08:54)
- r. }! ^$ @+ Z0 ?+ u2 U9-28 tarbar状态同步解决方案 (15:58)
2 ]0 c/ N% _6 y8 O8 u% L6 {; c9-29 即时通信功能收尾 (11:25)- }% s$ W; s9 A
9-30 章节回顾
5 H, b1 x. e  h/ A; t
$ ^# v. b) \4 w/ z# Q第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟; C( y; N( r! {
10-1 开篇语 (01:13)
( P7 _8 [0 \- K! l9 `$ B10-2 个人中心头部展示实现 (07:11)
, _7 x3 b& W& M% s10-3 宫格、宫格元素组件基本定义 (10:38)" e  b3 l- r, Y: c6 K3 X" }
10-4 组件间关系定义实践 (14:10)4 J' [1 k5 q% i9 Y7 O( Y% J. v
10-5 个人中心宫格展示配置化 (07:12): d' G- |1 d5 b* X: c0 a9 _6 n3 g; }
10-6 异步请求执行优化与宫格徽章展示 (18:03)0 y' B; Y% V; e. c6 \: U2 V: |4 z
10-7 组件事件冒泡与穿透 (22:52)- D. F5 \7 f) {5 U2 D2 O, i2 u0 [4 y; T
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)' t  ~- |" \' N" c; u9 ?4 R
10-9 订单预览组件展示元素实现 (14:37)
7 Z, |! V( L8 |! v6 V. E10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
' l) f& ]. e2 ?! G0 X: h6 g7 K* F10-11 “我的服务”列表页面实现 (13:42)
2 n9 M4 {# s1 N10-12 订单详情页面基本元素展示 (24:27)
8 M7 P# s5 j, c$ G8 ?% [10-13 订单详情操作栏渲染 (15:34)
% e8 a5 ~9 L8 k. i: Z) b10-14 订单状态更改实现 (13:40)7 m: r) ~: Y5 E& c1 {
10-15 订单评价页面实现 (24:02)% W1 k5 k9 A2 R: G+ H  f+ @4 ^
10-16 订单评价功能收尾与售后模块说明 (04:57)2 ]1 r  m& K- W5 e
. F9 M  P0 d( I( r- ]
第11章 课程回顾与总结1 节 | 8分钟, ]' ^  K+ b! L3 P& B$ t
11-1 课程总结与寄语 (07:38)& W$ r& a7 E/ S* D# z/ b  y

; f- k% \4 ?2 {7 R3 k3 Z5 e〖下载地址〗4 D5 `2 s( U/ L( x. G& n
游客,如果您要查看本帖隐藏内容请回复
2 X/ o9 @: `# X! }
〖升级为永久会员免金币下载全站资源〗
- O& d  m9 D6 T( j# \3 c全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
: P& a/ e$ U* z3 n
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏
& Z3 Z! ]  M% K8 f" s分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则