" {7 |8 m, g4 H2 v" J
) e Y# |; A+ q〖课程介绍〗
6 A1 l8 H, e5 Q1 a4 [% B! _6 t学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。
4 i# J' |: g" J! l# ]" f( C% z/ l〖课程目录〗
0 V. _( d! _6 J! u+ c1 g第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟& X/ l/ `5 l" t6 f4 [. W+ d# Y! z. _
1-2 课程食用指南 (01:26)
+ f% x7 S8 K! S1-3 小黄,做一个小程序 (03:56): j9 I5 i3 M9 |( ^- ?7 Q7 e# k) t
8 x7 u( @2 b: a9 r0 l b$ O$ Y5 E1-4 开发环境、开发工具准备 (08:09)+ E' `4 j. O, U4 G5 B* h
第2章 初始小程序和项目需求分析9 节 | 112分钟
; h) y% k+ s: K& V" H2 q5 I2-1 开篇语 (02:05)
$ v j: y. r4 w2 U0 F$ W2-2 功能结构与业务流程梳理 (23:53)* R( ^9 p; f) s; w4 M p# W% s
2-3 常用基础组件、样式布局入门 (16:34)
% o1 E4 j1 t3 @% W U2 p4 } E' \! x2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)* l$ e6 k( T P5 S( d y8 k- u
2-5 感受平台生态的力量,常用API入门(上) (14:28) g' _" s% f0 `, r7 `7 Y+ e
2-6 感受平台生态的力量,常用API入门(下) (14:45)
+ _4 K, y) V8 p4 k5 g- c2-7 特别的API——wx.request,前后端分离架构初探 (14:33)$ \2 Y+ r% f7 J! S: `
2-8 前后端分离架构的前世今生 (08:44)
+ T; F0 C5 g5 ]! g: [2-9 章节回顾
, M/ F% a% |: [! r
9 B( z0 @, F% h. X9 w) _1 d第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟
' p0 F+ y6 \4 {" z' f3-1 开篇语 (01:37)
, G* B( A7 Q3 q3-2 原生tabBar组件使用及配置文件介绍 (20:26)) H$ ]! R' ]6 ]" G* U
3-3 实现“广场”页面标签页效果(上) (14:14)" M8 ^( h% I8 b$ J+ M: y. f' D i
3-4 实现“广场”页面标签页效果(下) (10:38)
9 l/ Y2 B9 I8 t& A& `6 O6 B6 Z3-5 分类筛选功能实现 (15:25)
* s8 G4 v0 D/ y) f* e3-6 【项目作业】服务分类 Swiper 样式优化: }0 x$ X+ i+ O* J* S
3-7 章节回顾
4 K) Q" E$ x) a, [
1 `/ l# {1 O9 n2 g1 T第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟, J B* r8 D+ {6 a3 i
4-1 开篇语 (04:06)
$ u. r. q6 F$ Z! F' y! ~. r) q* ^4-2 进阶必备——自定义组件基本概念 (09:10)
- @! |$ I* K5 P2 G0 W# P: c4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
6 N3 ?2 o( r; A( D7 m/ |- V4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
9 [% a- k( K( U, D0 a% u" f4-5 警惕频繁事件交互和 setData (11:39). s* v' N7 \- u; e* x
4-6 WXS 实现手指滑动监听切换标签(上) (16:10)( H5 _/ i/ C4 t8 C, N1 g c
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)8 I3 c G/ v! E- K8 }+ J% c0 g
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)# G7 B- V, M8 i! j( |
4-9 【实践作业】 wxs滑动监听优化2 y; e8 z+ n% R# i6 Y3 H6 p
4-10 章节回顾" d9 ^0 l/ m) `6 V
4 \( @9 O: P. N& \5 i" K& g
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟" s; Y/ ]) a% t' [, c: N, e
5-1 开篇语 (03:02)
) D4 p% x6 Y8 o/ [8 H5-2 JS面向对象与代码分层设计- (21:13)/ N+ \* P) e. s1 l/ a) P' f
5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
3 S. ?, f4 W2 `( [! j5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)! |+ S: g; ^& V6 |- B8 v
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14); M1 I7 i+ i+ r
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
. K5 M j: a$ b* {, e5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)
% H# I" l r. U% c/ Z1 C* @, X5-8 “服务预览”组件封装实现服务列表展示 (29:45); i* k+ g9 [! g+ p
5-9 Iconfont 样式文件
* l; G5 p7 [6 P8 v5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54); M9 q0 \, A* D9 b# D( Q3 |) V4 u
5-11 章节回顾
$ I8 X' C* d9 m& j9 W; ]8 l! M* u5 A; D6 F( ` k r
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
3 R, X9 v& P9 @ { |9 a* U: r% a6-1 开篇语 (02:08)
2 ^2 K7 e3 @' S" j1 n6-2 Iconfont样式
k3 e7 j& q8 a/ e, k; {- `5 g6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
5 J* ?' _$ a6 ?4 V7 E: o6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)4 b7 s5 i0 r6 r0 X6 ]/ K, g
6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)# b+ q8 t8 k. v* C( n7 [
6-6 内容标签页、分类切换数据联动 (17:20)$ d* J* z6 O8 z# l+ Z E3 y# Y
6-7 节流函数* Q+ F4 ^ R) K% g4 @) u4 N
6-8 使用节流函数防止频繁触发调用 (12:55)
) r, O5 y7 ~/ O4 G1 N: l" v2 S2 |# S* I6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)
& x$ e! F- ~+ b" Y, J7 _9 s& y. }6-10 优化加载提示,骨架屏功能实现 (13:53)" T! Q* X( H3 q! f; K& n1 A: r
6-11 优化加载提示,状态展示组件 (08:53)
' e" G! R( k% K7 n N0 c4 N' D6-12 广场页面收尾——兼容性配置与样式调整 (15:50)9 F, t: H* `1 C* D1 a
6-13 章节回顾2 r5 T1 I/ ^$ T+ q/ ~% y) a2 W
% i d! a* x a+ \3 }5 U
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟8 F( K# m0 J1 T
7-1 开篇语 (02:18)
7 Z9 r; D7 u/ E: k. N7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
p. H- B3 p% S5 k3 B7 h1 K7-3 自定义头像组件封装与调试技巧分享 (10:56)
2 O1 M" m8 z, K3 f" H7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)" S$ {$ T4 }8 L/ w: g
7-5 “继承”特性运用实现评价列表数据获取 (10:39)/ B, j6 H4 W& T# f
7-6 服务评价组件与评分组件封装 (19:53)
( y1 H$ d2 u# ~! @$ w/ q" s7-7 服务评价组件完善与图片预览 API 实践 (17:53)
7 W" t/ X! t4 c6 E. z! h6 @7-8 枚举值使用的最佳实践 (09:40)
% C/ d; R# [4 b% `) u; Y4 C7-9 安全区域适配解决方案 (13:15)
" [7 e3 }7 Z$ Y+ T! \% r" X2 I7-10 操作栏角色按钮渲染 (11:27)5 B* T7 a; c. x6 }9 d4 h: l( B! X
7-11 自定义组件 behavior机制初探 (22:09) |0 Y4 T5 V# N: F5 q
7-12 事件回调参数工具函数封装 (09:31). y3 E# M5 y# B9 g
7-13 更新服务状态回调处理函数实现 (14:04)+ r$ U4 v6 o v7 J
7-14 常见登录方式及小程序登录 (14:08)
8 d% g y" I: I/ \3 ?) H" T0 g7-15 思考题:在小程序中采用手机登陆方式的优点" T f9 P t. G; k. J9 m7 s
7-16 登陆页面实现 (25:47)
A) I: ?8 V6 ?7-17 异常与错误 (17:36)
# e* \$ u/ O. L1 Q/ i% H! J t2 Z2 F- G7-18 异常机制与异常捕获 (14:52)
2 p6 n! p, w: @1 P+ M1 |- a$ G, p; o7-19 登陆时机控制与刷新令牌 (20:13)
. E" c) {" w% B8 X/ v+ X7-20 服务状态修改测试以及注意事项 (05:59)
9 H* W: v( V2 j( W' ?: f7-21 页面间事件通信机制实践 (22:39); T# n" f; T9 m/ [: q; s: t
7-22 自定义 button 与外部样式类 (19:11)) z" b: }- t) a& F
7-23 让自定义 button 组件支持开放能力' c9 V4 E' [# n0 l. R M1 o5 d2 F A
7-24 服务预约页面与预约成功页面实现 (25:58). y. \- U$ Z- [9 e# ~
7-25 服务详情页面收尾 (07:00)
, l0 Z) Q1 I9 f" } Z4 f7-26 章节回顾
! B' ?) R2 L5 b! O, f- x; B
& o; w: }0 Z1 L0 n% S第8章 表单提交与表单校验19 节 | 214分钟, F4 W$ k7 X7 ?/ z
8-1 开篇语 (03:42)% M- u; e7 f" a& \3 t
8-2 服务表单组件表单项定义 (17:21)
1 @9 A( U: {+ y9 ^: f8-3 服务类型表单项初始化逻辑实现 (21:49)6 i$ S2 H+ q+ k4 S. L* t R& n. j
8-4 深拷贝与浅拷贝 (16:02)7 ~; ?% m- j% L, R- o8 S
8-5 表单项事件回调处理函数实现 (12:22)
9 }3 i: Z$ ~, M2 b( B8-6 图片上传组件封装之数据监听器 (13:42)
) Z3 x) N9 V7 r5 ` w8-7 图片上传组件封装之组件元素定义 (15:26)/ P% r! ?" H' q) y9 o& l" L
8-8 图片上传事件回调处理(上) (13:17)
) H. N' A$ V$ r" k( ?. H d8-9 图片上传事件回调处理(下) (16:21)
* j0 X! Y% P- K* H! j8-10 服务器合法域名配置1 m3 m" e* @& ~! X1 D! E) p' f' w
8-11 发布服务表单联调 (11:59)
( E9 J2 V- W% A" e) l3 R! ?! l8-12 编辑服务表单组件联调 (11:48)
( e6 y; j6 `; w% n( j. y" S8-13 发布服务与编辑服务表单提交 (14:03)
5 s& [$ j6 i. b0 L/ `" a' R* u8-14 表单校验功能实现 (19:50)" x, t& {8 D& e6 A2 S/ J5 e
8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
( `) K' C; W$ N- S8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
. C6 D0 s0 W* k8-17 原生 API 机制踩坑 (09:16)
. [! S( C0 H& I% |' g8-18 服务表单组件收尾 (07:39)5 z, f( f# N( N$ y ]
8-19 章节回顾
+ I" Q. f$ j2 r( v" ?4 B. k" U9 o0 c1 P6 E4 U& @, @+ f/ S
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟6 U9 E2 {. n8 J" l1 O1 B
9-1 开篇语 (08:02)
% Q' ]1 W! W# z5 m2 h9-2 即时通讯IM SDK 安装. B* l. U; O* _1 }
9-3 即时通讯 SDK 安装与启动 (10:07). ]; @6 u% E: L
9-4 模型类基础封装与单例模式 (11:06)6 J3 ^# b/ ~; z% f% ~7 w% P* t8 X2 d
9-5 获取消息列表模型方法封装 (11:59) t8 a" H5 g! d* j+ m0 V
9-6 测试环境 sign 生成函数% _; b( b9 N4 m" ~" I2 i
9-7 TIM 登陆实现 (12:10)
, z1 }, s1 g8 Q9-8 TIM 事件监听机制初体验 (04:57)
0 H) C3 f6 C) x* e9-9 全局状态管理介绍 (06:39)
2 `) g4 [7 z! H. W: m: j- U9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42), K, A; O& l9 c0 i; ]
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)+ b, S# I" S' h9 T0 |! ?
9-12 消息列表和消息接收状态管理 (12:52)% A" v$ h; `7 f+ Z8 O
9-13 测试消息列表获取与消息接收 (10:34)
" W6 p# v8 |' z( k/ O4 w% T9-14 会话详情页面基本骨架搭建 (10:39)* }* c( Q5 _0 K9 f
9-15 消息组件封装 (26:11)# x5 u( E5 I) o8 o" c
9-16 自定义类型消息展示 (17:54)/ b4 b* t% `& D( X3 z$ D
9-17 消息发送事件回调处理 (12:34)
( j, q- ~- N, N u* A9 E7 b, |( p( O+ \; b9-18 消息实例创建与工厂模式 (18:19)
& \& `4 @8 j- B9-19 发送消息测试 (04:57)( B1 r, v. E, E9 {
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)0 \' q% ?" y* i6 c" q
9-21 滚动触顶加载更多历史消息 (12:31)
- `8 D2 i1 g, {6 v g9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)/ p" ?) \# E. F7 a' h
9-23 服务链接发送提示功能 (09:51)
$ D" I3 m* _& M& B, [4 n9-24 会话列表获取与更新事件监听 (10:10)$ [9 G" T. ^5 M( r6 t2 c/ |
9-25 消息栏目会话列表展示 (16:27)+ X1 {* f8 p& d/ G4 X4 b/ }
9-26 自定义徽章组件封装 (11:31)
: |* m" ]- {3 I" ]5 E9-27 tarbar未读消息提示实现 (08:54)
! H @- h) @) o- d' |* T5 E9-28 tarbar状态同步解决方案 (15:58)
" J z1 z# x" P& J9-29 即时通信功能收尾 (11:25)
$ o/ ]% |& c) ]9-30 章节回顾! L/ l( s. A- N% U
# A' o+ G( r1 \! E( N
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟
7 |4 K6 n7 P. f4 b10-1 开篇语 (01:13)
( m; k2 O4 C, B( i L10-2 个人中心头部展示实现 (07:11)
+ ~* ?6 ?$ U2 q; q# K10-3 宫格、宫格元素组件基本定义 (10:38)
( R, ^& K6 V" k W) n10-4 组件间关系定义实践 (14:10)$ L" f* c( w: k0 H8 o% w6 Y
10-5 个人中心宫格展示配置化 (07:12)
7 N e/ v+ `2 t% u5 z: B10-6 异步请求执行优化与宫格徽章展示 (18:03). @; Y" X+ S7 L4 ]& }& f
10-7 组件事件冒泡与穿透 (22:52)( q8 o$ V- b c# V
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
* f4 r+ C3 ^1 p) H* u10-9 订单预览组件展示元素实现 (14:37)
& \+ x+ O& O; K1 k' s1 u/ l" a; ~3 s$ U10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
+ S# [% `/ P5 ]" ^10-11 “我的服务”列表页面实现 (13:42)1 U" P; _8 x; g- w
10-12 订单详情页面基本元素展示 (24:27)9 H {- g( z5 O. P( Z
10-13 订单详情操作栏渲染 (15:34)
5 b" b0 K+ ~% r10-14 订单状态更改实现 (13:40). M7 c% G: b, y( Q2 r
10-15 订单评价页面实现 (24:02)
7 m7 J4 F, E. [) m* a: W' t# ^9 E10-16 订单评价功能收尾与售后模块说明 (04:57)2 c* p6 d1 N! m0 D4 a. l
i& ]/ {4 o- n% q# `4 P
第11章 课程回顾与总结1 节 | 8分钟
, l; ~% |/ [6 `11-1 课程总结与寄语 (07:38)8 F) b# W* D( t1 z( L
4 C% K J; d( \4 W1 w+ l9 h j〖下载地址〗
/ j* n4 j0 r; M# f, h
: b, N* D9 c5 k1 f$ ]# }* e% s( l〖升级为永久会员免金币下载全站资源〗
) D# @) `: `' V! v* R3 l" g/ F全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
1 n# K' Q+ I8 R4 } |
|