; O2 `: b! `- Q, x" k( ?! E$ h7 s/ M& K5 P! R3 e; J; A5 u0 x7 f- H& d
〖课程介绍〗
& c5 v: b6 E" C( K4 y" K学习没有速成，但可以很有技巧！本课程为你梳理关键知识脉络，通过经典开发场景还原，理清问题的来龙去脉，告别“实现了就好”、“维护不了”的困境；“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘，让“可读性、可扩展性、可维护性”落地。
4 v# V7 W0 [0 J* @/ ^〖课程目录〗
) z) y$ R; w R7 C第1章 课程指南：配套教材及环境搭建 试看4 节 | 25分钟
* N/ y: y5 W: W. M( r4 c/ i2 U- M1-2 课程食用指南 (01:26)
! W, B* N& k9 c# X/ V j% H$ N) u% k' s1-3 小黄，做一个小程序 (03:56)0 o! D" D5 K# N( M' z3 x
# v2 g3 t& m5 h* A* L2 b( C) q1-4 开发环境、开发工具准备 (08:09)2 r: M( `; R( L- h% O! x6 F
第2章 初始小程序和项目需求分析9 节 | 112分钟* e' e6 ?: h6 _7 }; Q( H& e
2-1 开篇语 (02:05)( ]- I/ T: [5 e- O
2-2 功能结构与业务流程梳理 (23:53)
2 U' t2 b9 T5 |: {' i% p% N2-3 常用基础组件、样式布局入门 (16:34) S; T1 `5 P) ^ H4 _$ @+ |# s; @$ O
2-4 让页面数据“动”起来，数据绑定、列表渲染、条件渲染入门j (16:03)
* K6 F* q0 A: h# p: {2-5 感受平台生态的力量，常用API入门（上） (14:28)
! }* a+ R/ B2 \/ J4 ?2-6 感受平台生态的力量，常用API入门（下） (14:45)( M6 ~9 f5 g* T5 v' ]
2-7 特别的API——wx.request，前后端分离架构初探 (14:33)
8 F/ ]8 j6 J6 \2-8 前后端分离架构的前世今生 (08:44)0 I, v* u6 K$ u, _# z
2-9 章节回顾
# x6 X8 R2 L N* x/ X( P6 a8 R
( A9 f0 z4 |1 Y( V第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟
5 ?% b. s7 p3 k: O- ]3-1 开篇语 (01:37)7 p/ {4 k+ G* O0 o
3-2 原生tabBar组件使用及配置文件介绍 (20:26)
: j: X% E. Q6 T5 N1 P1 B: P3-3 实现“广场”页面标签页效果（上） (14:14) M. E( z: {1 B2 R! W
3-4 实现“广场”页面标签页效果（下） (10:38)
0 T; t7 a) u, Q8 q5 J3 r2 Q. t3-5 分类筛选功能实现 (15:25)
: K$ y+ {$ r* L' d" P" ?3-6 【项目作业】服务分类 Swiper 样式优化- o: w5 b5 G+ u2 [1 k
3-7 章节回顾, `% q: J# E" `! ^4 J# D7 H# h
1 `, H+ R2 f( ?3 v8 z1 `第4章 内容标签页组件化，自定义组件定义、插槽、通信。10 节 | 88分钟; B7 D0 o5 D" G
4-1 开篇语 (04:06)( ?/ q" E7 ~ L
4-2 进阶必备——自定义组件基本概念 (09:10)7 f7 p/ Z0 `0 {: U
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)8 l# h( L( A, u( J/ w
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
. T: `0 H* A0 d! d3 [+ p$ }- i4-5 警惕频繁事件交互和 setData (11:39)
9 H; O1 `* r8 l" ^2 ^4 A4-6 WXS 实现手指滑动监听切换标签（上） (16:10)
: o& [* p4 _" I$ g4-7 WXS 实现手指滑动监听切换标签（下） (17:16). b3 R5 ]0 h8 W' F5 U
4-8 高频技巧，填充屏幕剩余空间实现大范围事件监听 (05:48)
% \. U- a4 e, N; h/ Q$ D" A4-9 【实践作业】 wxs滑动监听优化/ x6 H, l& G9 v5 n7 u9 z7 V; F
4-10 章节回顾
6 |: w) R2 h Z" Q7 a, y" u# K, j0 _& I2 a2 F* j* v! `6 \ W4 W
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟
. T. [% ^+ B; ^& p- X; A1 O5-1 开篇语 (03:02)
: n9 t8 v! p( J5-2 JS面向对象与代码分层设计- (21:13). c% r6 u$ l) [) H; L: d
5-3 wx.request二次封装实现统一响应、异常处理（上） (16:05)
$ b6 R/ O0 y: v0 `( s1 q: ~5-4 wx.request二次封装实现统一响应、异常处理（下） (15:55)% K7 a8 N: G' u
5-5 告别回调地狱——async、await与同步、异步编程（上） (14:14)
, z5 ^+ N; T+ r, I+ E C1 U4 |5-6 告别回调地狱——async、await与同步、异步编程（下） (17:02)
( y: k, a! {- @; w1 c5-7 小试牛刀，利用二次封装的请求库实现服务分类选项加载 (10:00)
2 \4 e% m: P; v( J8 L' G a( [, z5-8 “服务预览”组件封装实现服务列表展示 (29:45) x# @: O( [1 m, E5 O2 a
5-9 Iconfont 样式文件
2 Q& \3 {. l& ~9 |- _4 C5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
' s N: i0 n2 w3 \6 k5-11 章节回顾
8 ^0 O0 ~( s+ }7 h6 e. n" W: O$ n
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟5 H: `9 v* Q1 [" o1 M% X5 z
6-1 开篇语 (02:08)
8 U7 c; h% H. U {6-2 Iconfont样式
1 G9 J& V D8 o: e! p6-3 Iconfont二次封装实现自定义 icon 组件 (12:18), A5 R% h; |, O
6-4 提高“内聚性”，重构模型类实现分页加载 (29:27)
* v+ y5 d9 l# l' f: H6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)3 y5 j" g7 P- a o, u. l
6-6 内容标签页、分类切换数据联动 (17:20)
7 C: U8 J9 w) y6-7 节流函数: ]2 [. l2 p6 V4 j S8 l. I
6-8 使用节流函数防止频繁触发调用 (12:55)
3 _$ n+ A" N8 L% X' S/ V6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37). n7 d' `* v) c
6-10 优化加载提示，骨架屏功能实现 (13:53): g% ~, C. z; ^6 N3 S+ z
6-11 优化加载提示，状态展示组件 (08:53)9 H. o [% s0 \0 O/ k& _
6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
& t/ d5 B: B+ C( D6 c& @ [+ D6-13 章节回顾( i) E2 U& I7 `6 J! a& }
6 j# A' w; y) t5 ?
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
7 e3 L' R) h4 V, Q9 T0 }7-1 开篇语 (02:18)
/ C8 b3 c' X3 n7 @. i2 v4 { j- L' o7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
+ e1 e" Z& m3 w/ j7-3 自定义头像组件封装与调试技巧分享 (10:56)
, k* w; `6 D5 q6 h7 C: _2 C7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36), I$ v; E A9 r F2 ~
7-5 “继承”特性运用实现评价列表数据获取 (10:39)$ H$ _3 _" g' ~* t
7-6 服务评价组件与评分组件封装 (19:53)3 b) x. H+ X3 X. i
7-7 服务评价组件完善与图片预览 API 实践 (17:53)$ c, ]: s$ s3 j
7-8 枚举值使用的最佳实践 (09:40)
1 }/ I% N1 o8 m, ^- z7 Y( P7-9 安全区域适配解决方案 (13:15)
3 D$ Q2 d# u( v! B. r( P$ y7-10 操作栏角色按钮渲染 (11:27)8 G# F q& X& q; d# Z' H7 B4 o) P4 @
7-11 自定义组件 behavior机制初探 (22:09)2 [ W5 e: I B. B
7-12 事件回调参数工具函数封装 (09:31)9 u2 N+ Y+ H' x) \0 O3 Q6 s
7-13 更新服务状态回调处理函数实现 (14:04)- V2 Y+ h: W3 v4 r, D+ V
7-14 常见登录方式及小程序登录 (14:08)
' y, j$ \$ [+ D' L7-15 思考题：在小程序中采用手机登陆方式的优点
1 d( l) c/ o; N( c3 Y1 M! N3 V7-16 登陆页面实现 (25:47)
( t; Y* _( E D% e5 {' J- A7-17 异常与错误 (17:36)
% J k' B5 ?: p4 @6 i7-18 异常机制与异常捕获 (14:52)
9 i! X, `5 V, P( y& C: R4 T7-19 登陆时机控制与刷新令牌 (20:13)% ], y# j& y1 u' j% s
7-20 服务状态修改测试以及注意事项 (05:59)
' V8 b" |: J, j% { O" |7-21 页面间事件通信机制实践 (22:39)1 a% L1 D& m% M& I1 a2 T& z/ }
7-22 自定义 button 与外部样式类 (19:11)
2 O5 b3 a$ f3 \, V- |- r! @( G7-23 让自定义 button 组件支持开放能力( u2 k% R/ |+ U; j
7-24 服务预约页面与预约成功页面实现 (25:58)3 e7 L3 [3 n2 ], P2 ?% @. `: r
7-25 服务详情页面收尾 (07:00)
: P$ k8 ? l7 d5 T7-26 章节回顾& c& Z! j* |( W' |
( \" K+ z4 H$ }第8章 表单提交与表单校验19 节 | 214分钟0 |: n* X0 J. [* i, N
8-1 开篇语 (03:42)6 h" ]/ {) k2 A% A2 Q
8-2 服务表单组件表单项定义 (17:21)4 ^' G$ u/ N% e/ Q# Q
8-3 服务类型表单项初始化逻辑实现 (21:49)1 T# |3 `) u3 e2 L) T
8-4 深拷贝与浅拷贝 (16:02)
2 k0 g- e$ C9 I9 h; [( V* p8-5 表单项事件回调处理函数实现 (12:22)
1 ~; ~( Y M5 p# x( c8-6 图片上传组件封装之数据监听器 (13:42)8 ]2 k+ Y( ^) I+ G" b, `
8-7 图片上传组件封装之组件元素定义 (15:26)) }3 e$ K$ r* y& T- l
8-8 图片上传事件回调处理（上） (13:17); d p! B# p7 `% c; N
8-9 图片上传事件回调处理（下） (16:21)0 V$ r4 x3 c' {! P" k
8-10 服务器合法域名配置
4 T: L, S. o$ X% ]4 [8-11 发布服务表单联调 (11:59)6 [; H; F; ?3 g
8-12 编辑服务表单组件联调 (11:48)- M% q% X+ I) G+ H, E/ {
8-13 发布服务与编辑服务表单提交 (14:03)
& I( L5 F9 c0 c5 y8-14 表单校验功能实现 (19:50)8 }% ~9 [2 _' c( y2 @/ p; l9 ^
8-15 思考题：前端/后端已经做了校验，另一端还需要做吗？为什么？
! M6 [9 c/ q! }9 w4 `- m/ M2 [8-16 组件监听页面生命周期实现校验状态初始化 (08:36)3 k: n) y' e3 Q( U4 @3 n
8-17 原生 API 机制踩坑 (09:16)4 e9 _+ ^5 x9 V
8-18 服务表单组件收尾 (07:39)
" Y5 f9 y2 Z" _, L0 }3 r! y8-19 章节回顾
. @3 X/ O3 e6 f1 i* U5 _ ^' B; _- i4 J7 F
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟2 E% ^0 i* g j7 s+ U: }
9-1 开篇语 (08:02)! q* Y, ~3 U0 s6 j- S$ X
9-2 即时通讯IM SDK 安装6 h0 Y2 C+ A2 @" o1 y7 r, l- c. T
9-3 即时通讯 SDK 安装与启动 (10:07)9 `& e, u1 G8 W5 x4 a) ?: [
9-4 模型类基础封装与单例模式 (11:06)
4 H; {# l3 s7 x9-5 获取消息列表模型方法封装 (11:59)
8 h! `3 m6 U+ y. n& M0 X9 w" d& |9-6 测试环境 sign 生成函数0 X) g3 b9 c, F- O. G& b
9-7 TIM 登陆实现 (12:10)+ d/ F2 r: x) s9 n
9-8 TIM 事件监听机制初体验 (04:57)
5 e5 D! I* l9 ^0 O' { f9-9 全局状态管理介绍 (06:39)0 z" l2 F) Q/ f
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42) p: @* u; U" _) z
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)
& R* q3 a; J# B5 x& P9-12 消息列表和消息接收状态管理 (12:52)4 k8 F8 | W) m; ~
9-13 测试消息列表获取与消息接收 (10:34), `; \2 y0 q5 A5 @# G% E! g
9-14 会话详情页面基本骨架搭建 (10:39)
% x6 x! S6 j% I G: r9-15 消息组件封装 (26:11)
' N! {4 \1 n8 m1 R9-16 自定义类型消息展示 (17:54)
4 p( t. c& L7 N$ D; F2 b9-17 消息发送事件回调处理 (12:34): P2 p5 S1 ]9 r$ Y: p
9-18 消息实例创建与工厂模式 (18:19)
$ e: m/ R/ r+ e( H: m6 J( d9-19 发送消息测试 (04:57)
+ { B* a: B+ z# w. S$ t9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)# L& ~2 g4 a9 z5 b) a J
9-21 滚动触顶加载更多历史消息 (12:31)
X6 h, Y2 O- }! b3 |9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
+ v; L7 m5 ^. r! W* u9-23 服务链接发送提示功能 (09:51)
3 c$ G0 R( s0 m* @) h- E$ Y9-24 会话列表获取与更新事件监听 (10:10)
. _+ {4 X) M+ Q. N( u6 f+ B3 s9-25 消息栏目会话列表展示 (16:27)
- y+ S; U7 v( A9 v$ v9-26 自定义徽章组件封装 (11:31)
# _! K; n( K; n- v! b* |9-27 tarbar未读消息提示实现 (08:54)
! z* `- g6 g' f9-28 tarbar状态同步解决方案 (15:58)
1 `* m! m2 u, J' Y9-29 即时通信功能收尾 (11:25)
- K' U3 S( Z9 M/ f9 R) h9-30 章节回顾; |" U& M4 ]- C5 i% m
9 l& H; \9 q4 c+ P
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
5 y7 C' x! h; D' ] v10-1 开篇语 (01:13)
8 c& [/ _1 R) g! Y$ w/ X10-2 个人中心头部展示实现 (07:11)4 G6 c. ~/ K }# t/ l! [) H/ K7 F
10-3 宫格、宫格元素组件基本定义 (10:38)8 g/ ]3 l6 Z0 M+ ~. ]+ J
10-4 组件间关系定义实践 (14:10)" K, q; R/ \' j' J
10-5 个人中心宫格展示配置化 (07:12)# {* o! I: }# R9 b' q0 ^
10-6 异步请求执行优化与宫格徽章展示 (18:03)
, {+ V* ^) E. c7 O) A10-7 组件事件冒泡与穿透 (22:52)
) i; C2 O# `9 \! m8 j10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)7 ?+ {- z+ y% [) c9 n; L7 o
10-9 订单预览组件展示元素实现 (14:37)
3 E! k! O4 k. Z5 o! ~' C5 T: P10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
, H; q6 C8 ]- v0 }' f10-11 “我的服务”列表页面实现 (13:42)
& {$ ^, G4 x' @8 Z7 Y( o6 l* W10-12 订单详情页面基本元素展示 (24:27)4 m1 d3 c5 _$ ]- M" q# J
10-13 订单详情操作栏渲染 (15:34)# |) e# c; Q' N* P: _ ^
10-14 订单状态更改实现 (13:40)9 z g$ N6 z6 b( {0 l
10-15 订单评价页面实现 (24:02)( w x2 `1 I3 R
10-16 订单评价功能收尾与售后模块说明 (04:57)' L/ r, T. q+ t, T
# p0 t: v$ R4 _! f' I# ?! r0 I1 _) \
第11章 课程回顾与总结1 节 | 8分钟
( Y4 L5 j& P4 j. N% n4 P11-1 课程总结与寄语 (07:38) f$ ]! |: @- w& F# E$ K
0 T3 a! `" d) z/ v. {
〖下载地址〗
8 e& S1 n+ X: R4 ]1 w/ ?3 c& g7 [' U1 O3 \3 k; @1 ^
〖升级为永久会员免金币下载全站资源〗
/ R: B: l$ m/ t( G7 [% c6 h全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html
, z2 `/ J! k s2 j J8 y2 U. P |
|
[复制链接]
