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

  [复制链接]
查看3670 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg 6 W% z7 ]9 H( k) N  F* u! G, O# c

( a5 E; B: W4 R〖课程介绍〗! w4 [5 X& _$ l
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。6 @9 i& S6 F; b, }+ V+ l
〖课程目录〗3 F9 e! j! J; ]$ a/ X
第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟$ J5 t3 i+ v' K
1-2 课程食用指南 (01:26)+ n/ Q# _5 W( C% S0 Z
1-3 小黄,做一个小程序 (03:56)
6 }/ P: G2 B- K7 D
3 j6 z, r( ~4 e. j( A) M8 H. d1-4 开发环境、开发工具准备 (08:09)" X4 J4 m+ Y4 }8 w, S% j4 r
第2章 初始小程序和项目需求分析9 节 | 112分钟
& ?6 i4 y4 t& H$ b6 U2-1 开篇语 (02:05)
% N, |/ C  i* W6 J0 J2-2 功能结构与业务流程梳理 (23:53)9 i7 ?& b$ m/ \8 O" h8 z
2-3 常用基础组件、样式布局入门 (16:34)( n5 I# L# `6 _, Z0 e
2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)
- S7 {2 ]7 e0 T; u( l2 u2-5 感受平台生态的力量,常用API入门(上) (14:28)
7 y1 P% C- \. i$ p2-6 感受平台生态的力量,常用API入门(下) (14:45). W1 [0 k+ p/ {2 x, c- ?& R5 T% ]
2-7 特别的API——wx.request,前后端分离架构初探 (14:33)
. a- O- l3 U, C/ N) ], V2-8 前后端分离架构的前世今生 (08:44)
3 V% }2 A) X) N8 `% X% [  h2-9 章节回顾# n* W3 A9 P* C

: l0 Y4 Y) r: C' [- s' |8 f第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟: Q  ^1 c* E! s
3-1 开篇语 (01:37)
8 I3 c# u: K7 t: K8 l3-2 原生tabBar组件使用及配置文件介绍 (20:26)5 Y# ]) @: {( y3 T& H* I/ [& i
3-3 实现“广场”页面标签页效果(上) (14:14)0 x6 x$ V8 B. d) U1 G, R
3-4 实现“广场”页面标签页效果(下) (10:38)3 |  P* u8 e- I; V: l0 ?- c8 K
3-5 分类筛选功能实现 (15:25)
' i' X$ c8 v  h& B' M# O3-6 【项目作业】服务分类 Swiper 样式优化
' u/ p8 w( @6 F; a  f) \3 O& D3-7 章节回顾5 L" ?) q- r3 W3 ]6 O$ e' ^) j4 w- d
7 E+ U: G6 `5 d# U" P( s; o
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟* K: m4 e- m7 q* Q
4-1 开篇语 (04:06)
5 N* K& V1 N3 `% \3 H1 q4-2 进阶必备——自定义组件基本概念 (09:10)
2 ]7 }  e0 O# i& r8 e7 d4 b4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
. b  r$ h" S/ ~3 N4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
; u" \3 R; U& U0 A- A5 h/ k4-5 警惕频繁事件交互和 setData (11:39)# O5 [, Y$ y; |! q. c
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)) J, T9 m- U/ y) i) u! _/ D
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)
9 I: `0 b$ \  e* L4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)  p. u- l4 o; _9 f
4-9 【实践作业】 wxs滑动监听优化8 L& f8 J0 |4 K4 }' t7 I
4-10 章节回顾* A/ ^* c9 ~0 Y( s
7 m2 z7 B/ A7 y& E2 z7 s4 Z
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟& |' c) u  d) J8 R. x3 w% X
5-1 开篇语 (03:02)
" \6 l5 q5 ?. w2 U5-2 JS面向对象与代码分层设计- (21:13)4 L* q3 ^- C0 h6 ^5 C# @  [
5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05); K1 H! \, e. h" O! A+ I$ f! {
5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)
+ A8 Z% m/ I* P5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)
  U- {. c8 u+ E' }5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
. ~/ ?: X6 l8 M, f5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)
. I% E' Q3 w5 D" r$ q! y6 N0 F5-8 “服务预览”组件封装实现服务列表展示 (29:45)( O% T% E2 T0 ]
5-9 Iconfont 样式文件5 p6 y( l: G4 U6 }
5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
. ~1 X/ w6 B& {# P5-11 章节回顾
+ X9 I$ j# [# t) v- q& V4 D* F7 S1 v% r
, m, o$ }9 Q4 ]& E第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟' F. r4 D6 S3 J. Z) U
6-1 开篇语 (02:08)% r9 Z9 w( \5 t9 A/ U. u% @5 P: W
6-2 Iconfont样式
) q# a6 A" r. Z; F# L2 s6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
" X! }7 g* {  z8 _, ?8 c4 ?9 A7 ^6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)6 u  q7 I' B0 _' i+ b, Y
6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
5 s: `# y8 n. X2 {: M) F# e6-6 内容标签页、分类切换数据联动 (17:20)
9 O- [/ m4 O4 H: k& }$ I) v+ ~6-7 节流函数
4 q3 }5 O2 b9 I6-8 使用节流函数防止频繁触发调用 (12:55)1 o; W( _/ U3 D, W$ h# l6 _
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)% f; u6 I8 ?" w8 u5 Q
6-10 优化加载提示,骨架屏功能实现 (13:53)$ J6 w. s! B8 Q5 t+ \/ `
6-11 优化加载提示,状态展示组件 (08:53)
: f$ h1 |3 `3 T1 d6-12 广场页面收尾——兼容性配置与样式调整 (15:50)5 p+ W8 w5 f& V) P
6-13 章节回顾
( Z2 |2 q! o. v2 J
2 ^% u: b: V. s- ]) }+ q! p第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
0 z% s; o/ ~% H! ^% J$ p" v7-1 开篇语 (02:18)
4 _7 \5 H) ~" a0 Q7 c2 s9 Q7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
5 t0 [5 `) x5 `! y7-3 自定义头像组件封装与调试技巧分享 (10:56)% E+ ?! K  Y- E& O; U, ^6 ^
7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)1 q6 ]  S, T5 m  Z' n9 [% |
7-5 “继承”特性运用实现评价列表数据获取 (10:39)
; X3 x7 t& Y5 k( V5 w% [; g7-6 服务评价组件与评分组件封装 (19:53)( i) |, V- N! x6 A- j0 z# ?4 {: L
7-7 服务评价组件完善与图片预览 API 实践 (17:53)6 j8 I4 p6 i. L( k  n4 w; ?1 ^  p
7-8 枚举值使用的最佳实践 (09:40)1 U/ ]1 j# B8 x4 |
7-9 安全区域适配解决方案 (13:15)3 {" v( d- ~1 @8 {* r* E+ o3 x' ]
7-10 操作栏角色按钮渲染 (11:27)
6 n; k! N/ Z* G. C0 p: C$ I& K1 U7-11 自定义组件 behavior机制初探 (22:09)% A3 \+ z" U, H; D6 S& \' T9 Y  b$ u
7-12 事件回调参数工具函数封装 (09:31)
: g$ U1 F3 ?6 Z- X. k# x7-13 更新服务状态回调处理函数实现 (14:04)) e( M# Y3 \. \0 r9 z  P- R
7-14 常见登录方式及小程序登录 (14:08), E# E/ l" J( `& T: f# U# t3 X
7-15 思考题:在小程序中采用手机登陆方式的优点
( o( A6 f  x# q) Q; |7-16 登陆页面实现 (25:47)  i: }& _( |  e) q
7-17 异常与错误 (17:36)6 D- }4 Y6 l8 d7 @
7-18 异常机制与异常捕获 (14:52)
8 X  z: b1 l2 {  H3 X) e: W4 q7-19 登陆时机控制与刷新令牌 (20:13)
1 N1 [, Q5 m! `( @7-20 服务状态修改测试以及注意事项 (05:59)3 j% z8 Z. T; d: H1 C7 {6 F
7-21 页面间事件通信机制实践 (22:39)
8 i* c( w, _0 N( ?  R/ L+ y7-22 自定义 button 与外部样式类 (19:11)
; y" y- M1 l7 c9 `2 k* M; {) ~, X9 T7-23 让自定义 button 组件支持开放能力+ d. r5 e0 d1 o0 c; Q, j
7-24 服务预约页面与预约成功页面实现 (25:58)) J1 l9 n" u4 Y8 `0 y
7-25 服务详情页面收尾 (07:00)
3 F, ]) \8 n9 j7-26 章节回顾
: z" ?8 c0 H  M' u; d3 A  D$ S! f& n8 I" _$ E
第8章 表单提交与表单校验19 节 | 214分钟
, I- s/ K0 E+ n% i* B% Y& X8-1 开篇语 (03:42). l7 K8 v" A7 k; u
8-2 服务表单组件表单项定义 (17:21)% k% j7 ]( n9 S# l
8-3 服务类型表单项初始化逻辑实现 (21:49)
8 N9 k' ^# L/ \+ N, O; m8-4 深拷贝与浅拷贝 (16:02)
0 G9 \2 E" S0 Z8-5 表单项事件回调处理函数实现 (12:22)
9 ?% @! c$ F( t, C2 _7 g8-6 图片上传组件封装之数据监听器 (13:42)5 \( `6 h) K$ I5 r% z
8-7 图片上传组件封装之组件元素定义 (15:26)
- Y: c8 M7 R- K: p7 R7 \8-8 图片上传事件回调处理(上) (13:17)! a7 s6 o  g' M. }
8-9 图片上传事件回调处理(下) (16:21); Y5 {/ W$ d( L' n9 h% {
8-10 服务器合法域名配置
* J0 d" S6 f  b0 {' M8-11 发布服务表单联调 (11:59)/ X3 s- k3 ~& O( U
8-12 编辑服务表单组件联调 (11:48)9 A7 P+ ~% `7 n. m7 o( G1 o8 L$ T! g
8-13 发布服务与编辑服务表单提交 (14:03)  z$ t' a; Y; ^& L. m* X
8-14 表单校验功能实现 (19:50)
" r1 o# H  S1 Q4 |8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
1 ^2 Q5 p3 D. K+ o7 r& c8-16 组件监听页面生命周期实现校验状态初始化 (08:36)$ ]; ~5 w' ^- n7 F+ e2 q4 o: z
8-17 原生 API 机制踩坑 (09:16), g% }  J9 u" ?8 h. a
8-18 服务表单组件收尾 (07:39)
5 t. i/ J9 I0 k8-19 章节回顾
& Y* y% e# B1 d& I" b" b& _# v
  W6 B+ k/ N( {- W0 [  c# O! g4 v第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
1 [  T1 Z% _; V9-1 开篇语 (08:02)
5 ]3 R% ^3 s" @8 H- g9-2 即时通讯IM SDK 安装2 R9 ]" K# T; n4 Q- L, k2 T
9-3 即时通讯 SDK 安装与启动 (10:07)  I6 u; z0 m% C2 p2 B# W) S. {( h
9-4 模型类基础封装与单例模式 (11:06)
* x! y0 M5 q0 ?; \# {7 ^5 I' U9-5 获取消息列表模型方法封装 (11:59)# k6 v5 ]% j! `: i7 z# E/ A! w, w% D
9-6 测试环境 sign 生成函数
: `* w1 ^; L+ O9-7 TIM 登陆实现 (12:10)
# Z, Y; p2 T  c' s8 c7 F: I9-8 TIM 事件监听机制初体验 (04:57)
; ?) B0 L4 [2 L+ V9 C5 D9-9 全局状态管理介绍 (06:39)
1 z" e/ C. [1 ]3 R* P, o9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)( E! K7 [0 t" ^4 }2 U$ \
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)% {2 s* O' V% I
9-12 消息列表和消息接收状态管理 (12:52)& O( a9 _4 ~! n5 M  a
9-13 测试消息列表获取与消息接收 (10:34)) D' X- N4 W- Q3 }, d0 f
9-14 会话详情页面基本骨架搭建 (10:39)
# Y' n) y* ~6 d; _: G. ]2 H  l9-15 消息组件封装 (26:11)
0 T) I9 i% b; M" z1 t0 M2 n$ H9 p9-16 自定义类型消息展示 (17:54)$ J# F1 u# J# g  j
9-17 消息发送事件回调处理 (12:34)
- e! h$ f- V7 Q1 n! J5 L9-18 消息实例创建与工厂模式 (18:19)0 Q' z! s* @: Y4 k" |/ e& r" H
9-19 发送消息测试 (04:57)
0 M9 e5 n! n* |; Y* W) z  e9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)
9 D2 V, x# c9 Q6 ?1 H9-21 滚动触顶加载更多历史消息 (12:31)1 ?! O; V, b( h: m. I
9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
, H+ G8 n$ \4 C- w) W2 l& P9-23 服务链接发送提示功能 (09:51)
& M$ j8 c5 |! h. S7 p9-24 会话列表获取与更新事件监听 (10:10)
: l0 p/ I3 O# v. }! e, }! J  ]9-25 消息栏目会话列表展示 (16:27)7 p' M# A! a& X' L2 l
9-26 自定义徽章组件封装 (11:31). f& Z8 D; y2 h% O
9-27 tarbar未读消息提示实现 (08:54)% n/ c9 c9 w, M" ~' E( F. ?
9-28 tarbar状态同步解决方案 (15:58)
+ n, ~7 V" h+ {( q+ |; U9-29 即时通信功能收尾 (11:25)0 n4 @/ G* I$ h: x1 p  v: g% L: G
9-30 章节回顾! w( o1 W4 j- t6 v) S
* J, k! a( H" N3 ]) p+ H
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
9 S, ~! t/ e4 T) @+ x4 l10-1 开篇语 (01:13)
3 f9 h  f) }7 _10-2 个人中心头部展示实现 (07:11), q1 I# v' w8 r2 q- W# j
10-3 宫格、宫格元素组件基本定义 (10:38)) x* P6 a: r% E; r" y
10-4 组件间关系定义实践 (14:10)' R9 n3 H  ^$ i' M" l' ]
10-5 个人中心宫格展示配置化 (07:12)3 _# V5 u) m, f/ ~' Y
10-6 异步请求执行优化与宫格徽章展示 (18:03)
% c/ n; G1 Y* f: r$ w3 I# @9 I+ T10-7 组件事件冒泡与穿透 (22:52)
" J; G0 g) H7 @) f10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
" m; l7 h4 g- Q, W5 \10-9 订单预览组件展示元素实现 (14:37)6 S1 w% [+ ]+ x$ [( o
10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
7 ^( w0 x* P0 n+ u7 e' D+ d: ^10-11 “我的服务”列表页面实现 (13:42)
- M: H0 L0 O3 Y/ C: s7 `10-12 订单详情页面基本元素展示 (24:27): S& K8 ^& h" e! P1 X1 |% v, R" X' B" A
10-13 订单详情操作栏渲染 (15:34)/ _0 R  d1 |! ?1 E9 z; Z
10-14 订单状态更改实现 (13:40)
4 C* L( I- Y  v" Q. S* o0 R1 X3 I. e10-15 订单评价页面实现 (24:02)& c6 K! U+ k( _1 O0 T8 F, M
10-16 订单评价功能收尾与售后模块说明 (04:57)
7 n* E; W7 m2 N4 }8 q2 J) \9 ^5 \3 x
第11章 课程回顾与总结1 节 | 8分钟9 Y1 F$ Z7 v& o2 g' j4 G+ D
11-1 课程总结与寄语 (07:38); Q" ~5 J* E/ m. ~6 o. l8 d( C& {

* {' ]# C" w) K5 O$ f7 f: `2 ^〖下载地址〗
* D! e0 B! c; n' [3 x
游客,如果您要查看本帖隐藏内容请回复
" h1 o% \2 G! ?8 @" V& z; ~
〖升级为永久会员免金币下载全站资源〗+ U+ q- t- o2 N3 v4 }% k1 S
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

# j0 H: Z& [6 U
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏 1 C9 X3 c  S& R; r2 ]
分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则