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

  [复制链接]
查看1984 | 回复8 | 2021-11-26 00:08:17 | 显示全部楼层 |阅读模式
17981127404125.jpg
6 a" w" R5 I6 k2 d2 N6 B6 G. q
8 h; p, Z0 [/ J. L) }  R$ Z' H- |7 `〖课程介绍〗" a$ w( z* w$ L, \
学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。( \; \3 \0 ~; i1 p: f! A
〖课程目录〗
: I1 D& I9 t2 {: W& P& g2 p5 B第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
% F4 z9 m" p  F+ M; ]( b# T1-2 课程食用指南 (01:26)
# z( H' o& [/ J/ F5 g+ I1-3 小黄,做一个小程序 (03:56)
5 @/ u- N6 ]6 ~. Q% b% ~* B
) A' T( l9 U8 j1-4 开发环境、开发工具准备 (08:09)5 J% J1 P1 Y# y/ V3 V5 y3 y2 X
第2章 初始小程序和项目需求分析9 节 | 112分钟' s5 y* s# v" p% `6 h0 _1 Z* ^. _
2-1 开篇语 (02:05)0 j0 c' B' i; }& D
2-2 功能结构与业务流程梳理 (23:53); Y6 a  F. n  ?
2-3 常用基础组件、样式布局入门 (16:34)
. w6 y* m- A  ^/ a, X, L5 U- ~2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)! }' X" k* v4 ]- H. S( H: r) m, U
2-5 感受平台生态的力量,常用API入门(上) (14:28)& z/ o+ k  ?  e5 D3 j4 e! l
2-6 感受平台生态的力量,常用API入门(下) (14:45)
' B7 @9 Q: j. G2 [  M  F2-7 特别的API——wx.request,前后端分离架构初探 (14:33)) e" M. ]. N# R# @
2-8 前后端分离架构的前世今生 (08:44)6 H- s# q8 f7 T9 j4 q. h, m
2-9 章节回顾
" h; I: h: M6 T# u& i. i/ {* b
; L! P+ E( w1 ~& _第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟
# k9 l9 ^. x1 z( I& a3-1 开篇语 (01:37)( N& m1 k! L# l' C$ ], B! W
3-2 原生tabBar组件使用及配置文件介绍 (20:26)  C8 O% e2 ]% C, t, t8 ]% ^, ~
3-3 实现“广场”页面标签页效果(上) (14:14)' D4 `8 a: [5 O% r* i
3-4 实现“广场”页面标签页效果(下) (10:38)2 Y8 N; n# P% ^) e3 s
3-5 分类筛选功能实现 (15:25)
* c+ ?: p2 F9 i1 r$ z+ r6 B, r3-6 【项目作业】服务分类 Swiper 样式优化
, N+ x( I3 J& j8 S# x5 Y3-7 章节回顾5 d( A- h! Z% l8 W5 E3 M( v" k# ?2 l
: M. V% B7 h( w
第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟9 L8 Y1 k% Y6 P% D; \
4-1 开篇语 (04:06)8 w4 V9 h8 t; ?  a  A
4-2 进阶必备——自定义组件基本概念 (09:10)
2 N6 b1 ^- ^9 x4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)$ j9 P% K8 |& k# `( y+ Y4 R
4-4 重构内容标签页(下)——自定义组件插槽 (08:45), I1 B- ?8 D4 Q( n) Z  S
4-5 警惕频繁事件交互和 setData (11:39)
' \. e' @" Y4 ]) M% U3 G* q0 Y% ^4-6 WXS 实现手指滑动监听切换标签(上) (16:10)4 q+ h+ \+ ^, [2 H
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)
2 U! O+ q8 H% c" e9 Z4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
* X8 \1 A8 s: l* J. L4-9 【实践作业】 wxs滑动监听优化$ K+ r& m( v3 f' k( j/ X  \; b
4-10 章节回顾
/ }0 G! u2 A+ h# A. l) I  h; o. Z# X* r
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟0 K) y4 ~, U1 ~- O
5-1 开篇语 (03:02)1 t' u2 f( n- t$ x! w1 U1 F1 Z0 z
5-2 JS面向对象与代码分层设计- (21:13)
9 U) W" z% S/ s7 x8 |! h- M5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)" H2 I* [  p" c* Q9 Y
5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)
6 L; ~' A( u0 E) B9 G5 |4 E* j5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)# K) W9 `' U4 o# h) x
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
2 N3 U( @! \" ^. |5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)
7 R! j" K) i9 a' s9 L) y) u5-8 “服务预览”组件封装实现服务列表展示 (29:45)
& J6 k7 C# q/ n& h5-9 Iconfont 样式文件
8 e# S  H# _2 K( t) @5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54), N: u+ O$ ^$ [: O% C# L" b5 L
5-11 章节回顾4 i4 A9 v9 M7 a2 {* x6 y. d

/ U! v1 }! u6 o1 q第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
( Q, O# F1 G  Q6 q: a8 F4 @6-1 开篇语 (02:08)- t, F+ l6 G3 R5 |
6-2 Iconfont样式8 \7 E: s4 f0 ~+ G
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)" G- _) }* l/ V
6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
$ B/ F5 q, u8 i6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)3 N4 T# u! j4 r, [! D8 [! ]
6-6 内容标签页、分类切换数据联动 (17:20)
9 ?% D) F, F9 `: N% C; z! ~6-7 节流函数5 q7 i2 V! [$ ^" V+ M) ^
6-8 使用节流函数防止频繁触发调用 (12:55)
3 Y( K+ A. e/ B. A3 _6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
/ a: r# _" `, u9 j! @6-10 优化加载提示,骨架屏功能实现 (13:53)
; q) X9 Y3 F6 p" N, |9 v6-11 优化加载提示,状态展示组件 (08:53)3 A9 r0 H- b0 G! W
6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
6 i" M2 B- j2 E8 v8 W- `6-13 章节回顾. ]5 n# h0 E2 ]2 d0 r
# `2 g$ p2 d: S8 Y+ Y& S/ d* l
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
- G; I: A1 v: a# i' S7-1 开篇语 (02:18)
  \  e1 Y0 ?5 K+ I; o7 }: m7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
! B0 X8 s# u  W* q$ V% f, W7-3 自定义头像组件封装与调试技巧分享 (10:56). T. c& a9 N$ i, @4 j
7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
+ Z" t6 W. |  j. x7 U7-5 “继承”特性运用实现评价列表数据获取 (10:39)$ P: c" ?6 h" b# O
7-6 服务评价组件与评分组件封装 (19:53)2 P5 w3 n1 c7 x% H
7-7 服务评价组件完善与图片预览 API 实践 (17:53)" B: v7 s6 d" J! o2 ~+ j- y; Q
7-8 枚举值使用的最佳实践 (09:40)7 N  R# V$ T2 b9 o3 i- z0 ^
7-9 安全区域适配解决方案 (13:15)+ I" d- G+ j2 }1 b8 u; Y- `5 u8 ~
7-10 操作栏角色按钮渲染 (11:27), U) R+ D. y' ]3 A
7-11 自定义组件 behavior机制初探 (22:09)& e2 ~2 m! D. {7 a/ Y6 E
7-12 事件回调参数工具函数封装 (09:31)
# _5 f0 f! o: Q, T7-13 更新服务状态回调处理函数实现 (14:04)8 A# k9 F6 K2 y
7-14 常见登录方式及小程序登录 (14:08)/ v+ |$ C$ o* [
7-15 思考题:在小程序中采用手机登陆方式的优点
1 p- M$ y* h  b& |5 p) @7-16 登陆页面实现 (25:47)
# O5 c. G: e' n9 ?4 C' W' ^7-17 异常与错误 (17:36)7 x" j" p+ o+ _- a' }& |4 }$ r6 P
7-18 异常机制与异常捕获 (14:52)
/ w8 X4 S1 x6 B5 U5 x$ p7-19 登陆时机控制与刷新令牌 (20:13)
  T9 i6 b! U% p) ]6 i7-20 服务状态修改测试以及注意事项 (05:59)6 f. P; r5 X/ V; g9 C
7-21 页面间事件通信机制实践 (22:39)4 n- \& d: B3 f( W
7-22 自定义 button 与外部样式类 (19:11)
( D6 E% W- M" g: o$ m' K7-23 让自定义 button 组件支持开放能力
, C4 h: S8 K4 q: [; A7-24 服务预约页面与预约成功页面实现 (25:58)
% y$ G  E9 p6 U7-25 服务详情页面收尾 (07:00)+ _9 {! _! D3 t, Q4 P3 H
7-26 章节回顾
7 W, R  d6 j9 K! r' k( w5 h( T$ J# ^0 ]$ }% z! m: p& J; b
第8章 表单提交与表单校验19 节 | 214分钟. \9 i& V5 B2 L4 P
8-1 开篇语 (03:42)
( g8 q& \" b' o8 j, P8-2 服务表单组件表单项定义 (17:21)
1 V# c7 Z. c. Y1 J2 ^4 T. Y# b( J8-3 服务类型表单项初始化逻辑实现 (21:49)
( T$ E7 P7 ]0 O! i( a2 w. `- Z8-4 深拷贝与浅拷贝 (16:02)* t8 T, f8 H( J2 t8 ?0 M% ~' U+ ^
8-5 表单项事件回调处理函数实现 (12:22)
& \; g4 N0 I: ^7 m& b; Z. _8-6 图片上传组件封装之数据监听器 (13:42)
4 O( i' W# d8 W4 v7 s8-7 图片上传组件封装之组件元素定义 (15:26)/ ^4 x0 g9 T3 @7 @  b% C/ E* p
8-8 图片上传事件回调处理(上) (13:17)
3 N  G+ Z3 u! n6 }2 O9 `8-9 图片上传事件回调处理(下) (16:21)
' Q' ]" u. P' Y7 \8-10 服务器合法域名配置7 n, \) O, Z4 E) W! {: p
8-11 发布服务表单联调 (11:59)
; h) L) s: F, m& A8-12 编辑服务表单组件联调 (11:48)
4 V' }9 }" U. m) H8-13 发布服务与编辑服务表单提交 (14:03)
( w" A) R0 I: t8-14 表单校验功能实现 (19:50)
  `# M0 c4 b: H* T6 F  N8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
# x' q4 V# y8 C7 A( X/ d8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
' `, q. B! r1 A, U" ]3 |) P8-17 原生 API 机制踩坑 (09:16)
/ H# [3 A; m3 `3 n$ U/ N* b8-18 服务表单组件收尾 (07:39)+ O4 x* w; m2 _9 ~8 I# G/ P
8-19 章节回顾" l6 {% o) ?4 p6 b3 q3 n: h2 m

$ ]. e2 M  ~7 o$ s" x# |第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟- J1 i. R0 m- J8 Q0 e; _# W- _
9-1 开篇语 (08:02)& Q8 w" H& C& N* e$ Q
9-2 即时通讯IM SDK 安装( w; Y9 A$ I0 H( m, C) m* m
9-3 即时通讯 SDK 安装与启动 (10:07)
) M- Z7 p" B9 ]5 ?: z+ {9-4 模型类基础封装与单例模式 (11:06)
0 G* X) F5 N4 I9-5 获取消息列表模型方法封装 (11:59): F. A6 g0 \. t+ q3 w  M' J
9-6 测试环境 sign 生成函数$ l5 c& L, H( F' b, S: k* P
9-7 TIM 登陆实现 (12:10)) a' h9 p( a' }" F
9-8 TIM 事件监听机制初体验 (04:57)
1 Y0 F" [& T6 ]) R+ ?" b9-9 全局状态管理介绍 (06:39)
) {0 l% y- W, H0 i8 U4 T% F9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
) x1 Z7 t/ z+ x( p+ Q% {+ N9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
' v1 Q2 p( l. x6 ]9-12 消息列表和消息接收状态管理 (12:52)
, H" A% {$ [; k7 F1 e+ V" ~2 d$ Q9-13 测试消息列表获取与消息接收 (10:34). ?3 t- `9 m+ x. B
9-14 会话详情页面基本骨架搭建 (10:39)
1 L! N, U: U' \0 V+ z8 S+ i. N5 e9 p9-15 消息组件封装 (26:11)3 Y0 j& z# _& z+ o
9-16 自定义类型消息展示 (17:54)3 s0 N* e- O- V- X
9-17 消息发送事件回调处理 (12:34)
& I0 H; _! f" [2 M2 J. v9-18 消息实例创建与工厂模式 (18:19)
# y/ ?9 e! L# t9 n' K3 C9-19 发送消息测试 (04:57)2 S, _' M6 s: w6 u. |( t
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33), R! C! m% B( l  a* Z% w" G; Q
9-21 滚动触顶加载更多历史消息 (12:31)- h- m$ m& Y& x  [! o6 l* w* f
9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)0 g* i( Z- }! ?" W- n# M" k; _) J
9-23 服务链接发送提示功能 (09:51)
3 S8 Q: _, |' m7 E) p( U  \, f9-24 会话列表获取与更新事件监听 (10:10)2 ^# c: T9 a& h1 k( ~/ A
9-25 消息栏目会话列表展示 (16:27)  e! z# j& `( }5 N# m
9-26 自定义徽章组件封装 (11:31)
1 T' n2 Q5 N6 N# H0 D9-27 tarbar未读消息提示实现 (08:54)
& e3 X: _4 o; h  t9-28 tarbar状态同步解决方案 (15:58)
- H$ ~6 Z- j5 [- Z6 F. d  {9-29 即时通信功能收尾 (11:25), r; U6 y1 V3 c# Q- {  L* L
9-30 章节回顾
. \# I, _9 I% n: F5 L2 T, a9 h" R' Y2 g7 q$ Q/ P/ X! G( P
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
% A1 ~/ U. \% c! a/ z& e10-1 开篇语 (01:13)
/ ?# S5 o5 n- Q! R10-2 个人中心头部展示实现 (07:11), R/ q, d: A' \! V) H
10-3 宫格、宫格元素组件基本定义 (10:38)
$ ^# ]6 _9 S1 m6 V" C0 R6 p10-4 组件间关系定义实践 (14:10)% ^! E6 o" p2 k, F! A
10-5 个人中心宫格展示配置化 (07:12)
9 s2 h6 w  P7 X8 P4 s8 j! ]& m+ g$ ]10-6 异步请求执行优化与宫格徽章展示 (18:03)
  f3 {6 q, ?" ~$ P+ J10-7 组件事件冒泡与穿透 (22:52)
. U- }) {+ a  P) _10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
$ Q+ Y. N6 P" _; p& m10-9 订单预览组件展示元素实现 (14:37)/ [' j* R9 z6 t0 o. K
10-10 二战 behavior 实现订单预览组件操作栏 (27:14). e8 c2 e" _9 W0 u0 J1 {
10-11 “我的服务”列表页面实现 (13:42)
4 v1 \% k6 p& h6 @. W+ ^+ R7 l4 x10-12 订单详情页面基本元素展示 (24:27)
6 ^" J8 P4 \  K% c8 j% ]8 T/ N10-13 订单详情操作栏渲染 (15:34)
  w" A6 L  ~1 ~2 T- K10-14 订单状态更改实现 (13:40)3 L0 k. W9 q$ I6 V9 W! e! c3 s5 V
10-15 订单评价页面实现 (24:02)0 s% g& i0 ~2 c; X- O
10-16 订单评价功能收尾与售后模块说明 (04:57)* I8 I0 ^' s& T: |" p

# T, |6 s4 Y! V8 G3 n+ u第11章 课程回顾与总结1 节 | 8分钟
7 [0 |( k9 R, G! |) b11-1 课程总结与寄语 (07:38)
! |1 U& a2 R6 z! g2 n3 {0 k' z8 I  v: h% p
〖下载地址〗/ K% E& f- U" g# c& w1 K! D6 s
游客,如果您要查看本帖隐藏内容请回复

  T  b  d$ Q& y/ u" x( _, J* R〖升级为永久会员免金币下载全站资源〗6 a2 B: Y3 ^7 `+ [$ T' @$ [
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html

* J; ]) j6 U. r6 Y
回复

使用道具 举报

qwety20185 | 2021-9-15 02:52:12 | 显示全部楼层
收藏收藏 ' x7 Q+ V7 Z. s6 M: N. ]' d5 `8 H
分享分享
回复

使用道具 举报

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

使用道具 举报

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

本版积分规则