4 P g) ^; J1 W5 u- \ ~6 F; C9 f/ z$ ^7 J7 M2 _2 P5 G
〖课程介绍〗
1 L4 U4 H ?. p, B/ k学习没有速成，但可以很有技巧！本课程为你梳理关键知识脉络，通过经典开发场景还原，理清问题的来龙去脉，告别“实现了就好”、“维护不了”的困境；“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘，让“可读性、可扩展性、可维护性”落地。1 \' w$ D" g* ` U4 z
〖课程目录〗8 I, c7 N! p/ c0 f3 g
第1章 课程指南：配套教材及环境搭建 试看4 节 | 25分钟
: Y, J! E3 v" p3 @ K- v1-2 课程食用指南 (01:26)
& G" S9 ~" K* A% V3 q5 b: Q1-3 小黄，做一个小程序 (03:56)
1 H) P. @6 f% q0 I/ k' M/ T5 I
" R7 f0 T, z6 A1-4 开发环境、开发工具准备 (08:09)% x, G) O- B/ d9 ~1 ~7 X: J9 z
第2章 初始小程序和项目需求分析9 节 | 112分钟
7 g+ Q9 G: c' X& D& J; h: M9 g+ @2-1 开篇语 (02:05)0 g; ~) A9 a2 Q2 w5 l
2-2 功能结构与业务流程梳理 (23:53)+ n6 x8 n: ~* v- r2 R2 u- R
2-3 常用基础组件、样式布局入门 (16:34)6 w" O1 j$ `! M% D
2-4 让页面数据“动”起来，数据绑定、列表渲染、条件渲染入门j (16:03)' ?! b0 `0 }2 c
2-5 感受平台生态的力量，常用API入门（上） (14:28)% x* u: @" [! b. {) y9 c
2-6 感受平台生态的力量，常用API入门（下） (14:45)
: j! ~# G& ?% {2-7 特别的API——wx.request，前后端分离架构初探 (14:33)
/ g* T8 ], E& E/ ~' {% r2-8 前后端分离架构的前世今生 (08:44)
/ H8 F( w5 m+ K* K' N0 K$ b3 Z2-9 章节回顾8 [/ H4 v" X5 O7 u7 A
- Y: t f: `+ t2 s! v/ F# l. B+ N第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟
9 B# U; Q% G% ?- H" v3-1 开篇语 (01:37)
8 f0 U8 f; m2 w3-2 原生tabBar组件使用及配置文件介绍 (20:26)
3 O$ [. c+ |+ m* B. I& d0 o3-3 实现“广场”页面标签页效果（上） (14:14)
2 m% s& G9 \7 @" O6 `( U$ E3-4 实现“广场”页面标签页效果（下） (10:38); n% k& d$ Q2 P2 {+ Q
3-5 分类筛选功能实现 (15:25)
! R; o" ]' W8 J3-6 【项目作业】服务分类 Swiper 样式优化, w, {4 V$ S; v+ {+ }
3-7 章节回顾6 p* D! i. S" q' z7 D( m G; G C L
8 v2 W5 b6 |9 K* w2 q1 c
第4章 内容标签页组件化，自定义组件定义、插槽、通信。10 节 | 88分钟
/ l8 V0 J& T O0 {: i' Y) {' W4-1 开篇语 (04:06)
. B" B! c5 o& o6 X6 b" J. q3 s4-2 进阶必备——自定义组件基本概念 (09:10)# C- E! u; ~" t# a+ c" p
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)4 R) b4 s1 ~) }+ ]# W+ I1 F$ l0 [
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
6 W7 m* R- |. O4-5 警惕频繁事件交互和 setData (11:39)
+ T) }6 L" ?9 ]; i z* O4-6 WXS 实现手指滑动监听切换标签（上） (16:10)& U5 T$ p+ J, \ d
4-7 WXS 实现手指滑动监听切换标签（下） (17:16)% E/ N/ O5 r- f, n# F
4-8 高频技巧，填充屏幕剩余空间实现大范围事件监听 (05:48)
; t4 J5 s+ b( @( E7 h" K6 ]4-9 【实践作业】 wxs滑动监听优化: X9 J: Q1 k2 i! [
4-10 章节回顾/ C- F$ l: s+ l) ]- N" b
}1 m- g; `8 n5 m# F
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟: `' C9 ?2 o, K# w( n; e6 \
5-1 开篇语 (03:02)1 x8 x. `6 V: u" O3 |$ r2 v
5-2 JS面向对象与代码分层设计- (21:13)# G+ i* I& E7 X. b: @/ c2 n" {2 m
5-3 wx.request二次封装实现统一响应、异常处理（上） (16:05)1 |' c/ n7 z4 H' n- U) ?, T+ K$ ^! a
5-4 wx.request二次封装实现统一响应、异常处理（下） (15:55)
( k+ {- y- F, w" o0 I* k& U# R5-5 告别回调地狱——async、await与同步、异步编程（上） (14:14)
8 i4 A% q6 b6 F' H- g' Y5-6 告别回调地狱——async、await与同步、异步编程（下） (17:02)& v6 e7 B8 E8 ?( [* n, b5 l9 R
5-7 小试牛刀，利用二次封装的请求库实现服务分类选项加载 (10:00)
/ o, R$ H% k% [' t, g, |4 M5-8 “服务预览”组件封装实现服务列表展示 (29:45)
9 J" g: i% I; u5-9 Iconfont 样式文件
, r# @* k0 \. B$ g# P/ \8 n" X* }5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
7 `! X' A; P4 b1 b5-11 章节回顾( ?, d8 d- _% Y4 i2 Y+ p( \" \5 G
8 c9 o* z+ \0 E d" D( O
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟3 p6 O1 a% ]% o# E7 K9 F
6-1 开篇语 (02:08)' `3 W ~# }. `; \: K
6-2 Iconfont样式 U5 B0 q2 l# w8 m$ [
6-3 Iconfont二次封装实现自定义 icon 组件 (12:18) e2 } _ j% `1 V* k) t
6-4 提高“内聚性”，重构模型类实现分页加载 (29:27)
, i' C u0 O1 n" K3 `+ \: D6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
4 c* t% f0 X' R1 b, b# ^6 Q2 S6-6 内容标签页、分类切换数据联动 (17:20), g9 ~0 J1 {0 |/ r" }
6-7 节流函数
4 g# w1 R- \( l! r d: q- k6-8 使用节流函数防止频繁触发调用 (12:55)8 G8 X" X6 O* M: n
6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37) [9 Q6 C* L$ D" Q; I9 d5 X
6-10 优化加载提示，骨架屏功能实现 (13:53)
7 {- K. z; l+ Z6 a2 r6-11 优化加载提示，状态展示组件 (08:53)
- K* z _, _3 z- q2 a2 u3 X1 F& r6-12 广场页面收尾——兼容性配置与样式调整 (15:50)
+ R" [6 ?; M1 k+ x( e+ Q2 P3 t; N6-13 章节回顾" E" V# K9 j6 R$ m E( B
3 H5 ^* [6 B( O, x" m
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
& C' ~# E3 U- ?+ A- `% p# U, T7-1 开篇语 (02:18)
8 W4 h8 f5 A4 O& G5 K- K8 @" b7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
' v% _; ^7 {" }5 j% i) a7-3 自定义头像组件封装与调试技巧分享 (10:56)
* n6 h% j! _! ]+ l* W7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
/ o! e @; J. k' O$ z7-5 “继承”特性运用实现评价列表数据获取 (10:39): m& |( f# R- q- u& @0 R/ G
7-6 服务评价组件与评分组件封装 (19:53)
1 A+ D8 Z3 {/ v$ O3 G, h9 Z$ z7-7 服务评价组件完善与图片预览 API 实践 (17:53)) ~1 }9 v( c% V- e3 f& }# h
7-8 枚举值使用的最佳实践 (09:40); p( [/ M4 n& b3 x/ x
7-9 安全区域适配解决方案 (13:15)
- a9 |0 i/ Y6 }$ F' B- t1 B7-10 操作栏角色按钮渲染 (11:27)
( I. Y9 P( x% G6 E) u7-11 自定义组件 behavior机制初探 (22:09)
' o X8 g& }7 |7-12 事件回调参数工具函数封装 (09:31)
/ u5 y% O: o6 D% T/ ]: ~7-13 更新服务状态回调处理函数实现 (14:04)% b2 d3 \# s( [! ?
7-14 常见登录方式及小程序登录 (14:08)
. {2 J2 @ y9 H8 o$ D6 z3 Q2 @ [7-15 思考题：在小程序中采用手机登陆方式的优点
2 _+ U& @& K6 J O C1 F. \7-16 登陆页面实现 (25:47)* e, q; |6 G, q3 a& g
7-17 异常与错误 (17:36), [2 j7 E p9 l9 G1 Y% i0 ~( q
7-18 异常机制与异常捕获 (14:52)
$ _3 w4 b7 z/ g2 G0 ~7-19 登陆时机控制与刷新令牌 (20:13) w8 h$ }% Z; ]9 I
7-20 服务状态修改测试以及注意事项 (05:59)$ F |7 E3 C' B
7-21 页面间事件通信机制实践 (22:39) p I [$ t9 m: ?3 k2 y
7-22 自定义 button 与外部样式类 (19:11)
0 G& C' c# A: u; Z2 \. \7-23 让自定义 button 组件支持开放能力! `: z7 d5 G0 |9 p1 ^# q% R3 D
7-24 服务预约页面与预约成功页面实现 (25:58)1 H1 l/ g1 T" i) v2 a
7-25 服务详情页面收尾 (07:00)7 V% y9 F9 a, B; }) ^
7-26 章节回顾
; t8 Y+ T9 M5 _( q0 d# P4 q' T/ ?% q5 A
第8章 表单提交与表单校验19 节 | 214分钟! ^) @4 }1 H1 Z) W
8-1 开篇语 (03:42)% r* f0 T2 a/ V* q' \ \; A
8-2 服务表单组件表单项定义 (17:21)! b: x3 l5 x% [3 B5 u
8-3 服务类型表单项初始化逻辑实现 (21:49)7 g* N2 O6 }0 b+ y. o
8-4 深拷贝与浅拷贝 (16:02)
1 f6 h5 u" d3 g+ {1 p8-5 表单项事件回调处理函数实现 (12:22)7 ~) e4 ]; x0 v, U, ^* Q
8-6 图片上传组件封装之数据监听器 (13:42)6 P4 {$ D, u3 b# t
8-7 图片上传组件封装之组件元素定义 (15:26)
4 z7 C+ Z# K" j' [! p5 X p, X0 d8-8 图片上传事件回调处理（上） (13:17)- \3 E. {# u& z2 E6 T" L6 Z
8-9 图片上传事件回调处理（下） (16:21); G; B* T% L6 G8 R
8-10 服务器合法域名配置
. ~/ |# w& K8 q8 S8-11 发布服务表单联调 (11:59)
( h( Q" [8 C' I, s& _) b, Y8-12 编辑服务表单组件联调 (11:48)
- H& Q8 W5 g% F& } p8-13 发布服务与编辑服务表单提交 (14:03)7 U0 w9 i0 b: L" S4 a0 ~6 s
8-14 表单校验功能实现 (19:50)
C' h- B! m5 {# U8-15 思考题：前端/后端已经做了校验，另一端还需要做吗？为什么？
, |1 `: ~2 Y/ d1 ^8 Q$ }! n( M! |8-16 组件监听页面生命周期实现校验状态初始化 (08:36)1 y2 Y: f( [& c) d, N
8-17 原生 API 机制踩坑 (09:16)
2 D- \: x! k: t; H, Y8-18 服务表单组件收尾 (07:39)
* Q4 f6 K& E4 l# O* b8-19 章节回顾+ G0 M+ T2 W5 H4 x
0 M9 e2 o3 G0 ^% t第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟
2 @3 n* n. L3 j1 _* q$ i0 \9-1 开篇语 (08:02)
- t; Q% M' }* k v" y' s9-2 即时通讯IM SDK 安装
z& P9 W8 k/ [" u0 _: f, K9 m1 v9-3 即时通讯 SDK 安装与启动 (10:07)
4 o- Y& s. ?8 J9 G* v3 c9-4 模型类基础封装与单例模式 (11:06). A8 R8 H6 {/ N- h3 \" l9 W- I
9-5 获取消息列表模型方法封装 (11:59)8 \4 J2 M N0 Q. b) f: }
9-6 测试环境 sign 生成函数
5 \0 g- u5 L$ f' K7 ~6 W* }7 w! m9-7 TIM 登陆实现 (12:10)
h/ C( U1 _! Z2 M9-8 TIM 事件监听机制初体验 (04:57)
& o% e( I# q! n6 ]$ E9-9 全局状态管理介绍 (06:39)
4 `* A, z5 ^- p- F8 @0 C- e9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
( }+ x4 T M) i9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)7 E$ ~# E0 F! C5 u' d, q
9-12 消息列表和消息接收状态管理 (12:52)$ B# J3 y, T/ S& G, j
9-13 测试消息列表获取与消息接收 (10:34)
+ K( |6 p3 d# v8 F9-14 会话详情页面基本骨架搭建 (10:39)
# f) M- u" K, `; s0 Q! W7 F9-15 消息组件封装 (26:11)
! c# D; `$ Z$ E2 G' Q- Y* r9-16 自定义类型消息展示 (17:54)2 | B" Y6 J" Z
9-17 消息发送事件回调处理 (12:34)
, R0 ^! H ?1 X( v! T9-18 消息实例创建与工厂模式 (18:19)
% i& J! p# Y" W+ ?7 G9-19 发送消息测试 (04:57)+ \+ m$ k$ w! r' R6 n
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)( y* g7 A' d* t- x
9-21 滚动触顶加载更多历史消息 (12:31)
7 Z: D( X) n7 z1 S9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
) G0 V( K/ \' V9-23 服务链接发送提示功能 (09:51)+ H/ i4 r9 Z9 `" O$ K4 Q4 U; d
9-24 会话列表获取与更新事件监听 (10:10)
! K* g2 L, v4 Z) L8 I+ K1 t; q* |. S9-25 消息栏目会话列表展示 (16:27)
: W5 v+ a7 T4 w+ V. E6 a% v9-26 自定义徽章组件封装 (11:31)' r3 k4 G8 p7 p1 y
9-27 tarbar未读消息提示实现 (08:54)
8 p* _. l" [, ~/ Z9 y9-28 tarbar状态同步解决方案 (15:58)
6 U+ K, t0 M5 f$ L& e9-29 即时通信功能收尾 (11:25): C0 w; d) k0 l. i
9-30 章节回顾; ~& N4 C- K" ?, v
" L& q& Y7 b. B9 `第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟# G v7 O" T9 s2 `# C
10-1 开篇语 (01:13)
0 a# v4 `) C! e; u4 s10-2 个人中心头部展示实现 (07:11)
" u' N* @. \3 i. l10-3 宫格、宫格元素组件基本定义 (10:38)
2 e) M% A8 v3 D% p5 G* r10-4 组件间关系定义实践 (14:10)& l4 ?: R) q6 v$ x8 b
10-5 个人中心宫格展示配置化 (07:12)
4 T1 i' ] a9 @10-6 异步请求执行优化与宫格徽章展示 (18:03)
! o* u1 A9 n" e& l: O* z/ |10-7 组件事件冒泡与穿透 (22:52)5 u4 T, J, U) O! B5 ?
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)& r, U* d% ^5 b5 ?
10-9 订单预览组件展示元素实现 (14:37)
: f3 ?( W+ H H1 m2 w9 o10-10 二战 behavior 实现订单预览组件操作栏 (27:14)) i8 C# A8 G7 R' V. |3 ~' N q
10-11 “我的服务”列表页面实现 (13:42)+ v( v$ {- p8 I& ~1 {
10-12 订单详情页面基本元素展示 (24:27)
8 B k6 I6 p j10-13 订单详情操作栏渲染 (15:34)
$ B2 m8 f0 z& u10-14 订单状态更改实现 (13:40)
: C9 l. b7 i! S) S s2 n4 H10-15 订单评价页面实现 (24:02)* W x( F& b+ w' k" u
10-16 订单评价功能收尾与售后模块说明 (04:57)) o4 h3 `) ^+ f' E
( F% @- D9 d3 T4 r第11章 课程回顾与总结1 节 | 8分钟
, g( k, R8 w" G7 P3 U i/ K5 Y' `% ^11-1 课程总结与寄语 (07:38)# ]- q* z+ `2 Y: o0 k. n N
* m* a- d* I" z5 P: M〖下载地址〗
9 P) X" ?: m+ O/ R# ^0 `3 W( `( ~
! R. b* \! y' ?2 X, o6 f4 {/ z〖升级为永久会员免金币下载全站资源〗
6 A( `. p$ @' X, |) ?全站资源高清无密，每天更新，一次充值，永久可查看网站全部资源：http://www.mano100.cn/rjyfk_url-url.html8 s! x6 s4 i1 J! w6 e
|
|
[复制链接]
