$ z N5 r# ?* f M9 ]
' {* _" S3 j3 m9 m$ v3 P) l- f
〖课程介绍〗
9 k5 J% R4 ]. e* ~1 ~1 L学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。7 n0 y& c7 f- Q9 u: O- F9 g
〖课程目录〗
7 C& G5 y" x# l' Q. r第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟1 l; s, m3 ]6 G3 O9 N
1-2 课程食用指南 (01:26)8 J) S# {% Y- n- x
1-3 小黄,做一个小程序 (03:56)+ y# v! R, Y/ @! z
4 W4 L1 p0 I% T: L( B+ `2 p
1-4 开发环境、开发工具准备 (08:09)' i. q- A5 A: _2 G- m
第2章 初始小程序和项目需求分析9 节 | 112分钟
- F. F9 A1 j' }, C8 I: @2-1 开篇语 (02:05)
2 B( I% I R; Z: l. g$ J: @4 U7 h2-2 功能结构与业务流程梳理 (23:53)- M( k; S& E9 z v- ~
2-3 常用基础组件、样式布局入门 (16:34)
$ H9 |4 y/ T- A2 {& T2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)
, [! u- V. B1 G" T+ p* Y2-5 感受平台生态的力量,常用API入门(上) (14:28)+ {! u( f: ]& \. ?
2-6 感受平台生态的力量,常用API入门(下) (14:45)0 M5 G. v$ h4 P& e, t o
2-7 特别的API——wx.request,前后端分离架构初探 (14:33)5 @, P4 \$ e& P) N* I& t7 J' z9 l" `
2-8 前后端分离架构的前世今生 (08:44)
( v7 v. a" K! I0 R0 J4 {9 I2-9 章节回顾
4 z4 C; F6 q( r7 t
# R" l5 z) f" R( [& j' x第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟
& q6 h5 z+ Q# b2 c$ V3-1 开篇语 (01:37)3 @1 z& o5 l! H. G' u. Q9 R
3-2 原生tabBar组件使用及配置文件介绍 (20:26)' H0 u' Q! g# f, \3 p
3-3 实现“广场”页面标签页效果(上) (14:14) j7 Q. s E5 M% Y
3-4 实现“广场”页面标签页效果(下) (10:38)
; ^+ t4 V9 I" b+ v% `. v9 A$ e3-5 分类筛选功能实现 (15:25)3 E* i' n1 F5 n
3-6 【项目作业】服务分类 Swiper 样式优化
1 D9 C2 M- @1 t9 H7 y T3-7 章节回顾7 w/ J# l# X% a" p. I$ X
" D& a# `. |! `0 F: _ [4 C第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟+ K* Z; g4 i# d+ J1 w0 x7 J( T9 b+ a$ [
4-1 开篇语 (04:06)6 A* d- Y6 B4 h, |' D+ J
4-2 进阶必备——自定义组件基本概念 (09:10)$ T& C& K, G. `& a# l: ]
4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)3 Z# A: a' w5 [7 G" q1 S
4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
$ Q9 w5 L# b* Z7 G( B( y4-5 警惕频繁事件交互和 setData (11:39)
2 b/ W; q& H! j# K+ p4-6 WXS 实现手指滑动监听切换标签(上) (16:10)! E- v# N1 L6 c8 l
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)* h8 V7 ]2 z |; `; z- k
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)8 T7 ` O& o. w8 `3 Z
4-9 【实践作业】 wxs滑动监听优化
" Z( R) u a( |# y! G* e4-10 章节回顾$ c( _7 t0 O2 u1 `& y
8 B& a7 y( k- b% E* U: f7 ?0 x( J
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟! K# r1 g6 W3 i8 u
5-1 开篇语 (03:02)( I/ J4 u! @3 x( P& {4 N
5-2 JS面向对象与代码分层设计- (21:13)
1 g% J+ X* E0 s5 g/ }5 ]0 l5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
; ^9 G9 c/ U+ P0 C5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)
, x0 T5 b. e5 }2 R7 A5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)3 i3 R" b0 W N C5 X5 |
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)
7 D1 _+ U" I4 O6 ]1 J; v: Q5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)- ]' h I6 c6 K$ V, S) ]$ R
5-8 “服务预览”组件封装实现服务列表展示 (29:45). J# P7 p- t, v8 b; B3 u
5-9 Iconfont 样式文件
& ^* A! L6 r% o. W" Q5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)5 Q" z) n1 A: B
5-11 章节回顾
( X$ T0 n$ n' s+ N! a8 N9 ^4 i" d
2 K+ m- ^' U }9 z第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟7 A% l, u/ T+ l, N% Q
6-1 开篇语 (02:08)
& s) z0 X& t2 ]7 r# _6-2 Iconfont样式
- r0 z; f* y2 X/ u7 U6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
) c2 R3 r* L: j. |1 o# w6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)
( v8 A. Z3 A, B% F. x6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)
: X0 R4 U! w) W- P- }) d$ o- M6-6 内容标签页、分类切换数据联动 (17:20)
8 J. O$ U% C3 L2 u" C3 t- }! D6-7 节流函数
: k- }; f. [3 ]) F; _- a6-8 使用节流函数防止频繁触发调用 (12:55)
: s5 W- h& q* g$ Z0 z% P9 p" f6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37)2 }' V5 ~7 z7 j9 h4 i
6-10 优化加载提示,骨架屏功能实现 (13:53)
. P% |, O$ N6 s' L6-11 优化加载提示,状态展示组件 (08:53)$ E% ]# ]" t2 f8 Y$ N
6-12 广场页面收尾——兼容性配置与样式调整 (15:50), d# ~5 K( b! x, C. O$ e
6-13 章节回顾
& V2 e! j! Z V2 @7 n! D' d( g4 N+ n# A0 Y4 Y: c( C
第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
. \7 V" e/ H+ |3 l' K+ y, C% S1 ~7-1 开篇语 (02:18)
% x4 }4 {4 k$ u9 P' O1 w7-2 服务详情页面骨架搭建与路由传参实践 (22:02)
9 n7 ` W" d% t) C' Y% h; @ `7-3 自定义头像组件封装与调试技巧分享 (10:56)
& P4 P5 K) V" f/ a1 N+ f$ G7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)
: l5 O+ e, B+ x! f7-5 “继承”特性运用实现评价列表数据获取 (10:39)
# o6 o! m5 q) [0 o. j7 v( }* h( X7-6 服务评价组件与评分组件封装 (19:53)
4 j$ z( z* @+ k- R8 D/ I. C7-7 服务评价组件完善与图片预览 API 实践 (17:53)/ q* ~1 Y: ~" N. M% b
7-8 枚举值使用的最佳实践 (09:40)( i1 {. S; v/ L4 ~% l
7-9 安全区域适配解决方案 (13:15)
# b$ c( z, ~5 A. Z7-10 操作栏角色按钮渲染 (11:27)+ _: l7 u9 }7 b& L. u
7-11 自定义组件 behavior机制初探 (22:09)6 ?2 h! \2 b6 _4 U8 T3 Z
7-12 事件回调参数工具函数封装 (09:31) E/ D$ k2 |0 f8 o/ N
7-13 更新服务状态回调处理函数实现 (14:04)
: {! n" U9 a$ {& X% D7 F7 v$ i7-14 常见登录方式及小程序登录 (14:08)8 x8 K" w$ K9 i l
7-15 思考题:在小程序中采用手机登陆方式的优点$ A+ O$ x2 {, p7 p" s8 Y
7-16 登陆页面实现 (25:47)0 N; o8 b) z# C$ o- y
7-17 异常与错误 (17:36)# F- u; f g, \
7-18 异常机制与异常捕获 (14:52)" p) i7 I; T& D/ Q. w
7-19 登陆时机控制与刷新令牌 (20:13)
! {# J; Y( K+ w8 e# K7-20 服务状态修改测试以及注意事项 (05:59)# L8 `: x/ A% K1 U y) ]' i7 L
7-21 页面间事件通信机制实践 (22:39)
& _- z1 a( E( u% ~* T7-22 自定义 button 与外部样式类 (19:11)
' G9 F* t2 h2 S$ g# ~7-23 让自定义 button 组件支持开放能力; D9 L3 m7 A$ ^3 V) v+ s. v
7-24 服务预约页面与预约成功页面实现 (25:58)" F% }& T; W) c
7-25 服务详情页面收尾 (07:00): y$ H9 C& `+ }( j2 d! e$ j
7-26 章节回顾7 @! C3 I+ f4 f2 ]7 k
# l) C8 Q5 N0 ^8 k2 c( m第8章 表单提交与表单校验19 节 | 214分钟
5 S2 Y" V7 a4 M8-1 开篇语 (03:42)5 d* v1 P5 W# G4 a; X! S
8-2 服务表单组件表单项定义 (17:21)
- X% t' d# L5 ^$ P' E8-3 服务类型表单项初始化逻辑实现 (21:49)
0 F5 b" B( h* Y) W& U8-4 深拷贝与浅拷贝 (16:02)
% E% ]; F. c" J; R: S) v$ r7 L$ z8-5 表单项事件回调处理函数实现 (12:22)6 g2 l8 J2 b" j% ~1 ]% s9 Y
8-6 图片上传组件封装之数据监听器 (13:42)
% x0 x E n# {8-7 图片上传组件封装之组件元素定义 (15:26)
" g/ h+ C3 ^1 r/ N. O" A8-8 图片上传事件回调处理(上) (13:17): `" S2 J# L6 M1 q+ p3 O! ~' b. y
8-9 图片上传事件回调处理(下) (16:21)
m: T6 W; e9 }% j8-10 服务器合法域名配置% e: s! I9 i! J) y( h
8-11 发布服务表单联调 (11:59)
2 s: ^- |5 q0 v" e/ L8-12 编辑服务表单组件联调 (11:48)
8 J+ i4 C& V1 a# C9 l$ u8-13 发布服务与编辑服务表单提交 (14:03)
- M+ e& Y6 M' l% ?2 O' D- v8-14 表单校验功能实现 (19:50)
5 {: B% m" \6 I+ S4 _7 m( I) ?( }8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?2 i. q4 w0 I: X: h( J1 q
8-16 组件监听页面生命周期实现校验状态初始化 (08:36)3 O: e) \2 C" u: @. ^
8-17 原生 API 机制踩坑 (09:16)/ e# X( y8 \9 k% }0 i s
8-18 服务表单组件收尾 (07:39)
6 m3 d% R" v# |; U$ O+ d8-19 章节回顾* @3 e: ~5 |' F% F6 ~
) x; F4 e. V0 U- B第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟1 F% x7 @% s$ R3 W
9-1 开篇语 (08:02)
1 c& {3 a- X; v9-2 即时通讯IM SDK 安装6 N2 z( ^8 `6 w- R5 Z* f
9-3 即时通讯 SDK 安装与启动 (10:07)
5 p1 x& J1 l& u9-4 模型类基础封装与单例模式 (11:06)' R/ B/ h2 F" H
9-5 获取消息列表模型方法封装 (11:59)* x9 |. O& B( [
9-6 测试环境 sign 生成函数7 v% b" m) }! g0 P2 ^$ R
9-7 TIM 登陆实现 (12:10)
2 \9 _) P* Y. Q7 H. v: Y9-8 TIM 事件监听机制初体验 (04:57)
7 |" I, I3 E9 B9-9 全局状态管理介绍 (06:39)3 B* G& q4 E8 P
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)7 |* u# z2 I. p5 r( x, n
9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)) |5 _5 Z* ~+ \- U
9-12 消息列表和消息接收状态管理 (12:52)
5 p& A- w0 i8 N' H9-13 测试消息列表获取与消息接收 (10:34)
: @/ i! s% N. C6 t. G5 \9-14 会话详情页面基本骨架搭建 (10:39)/ ?4 f* S, ?0 N7 k$ k2 s
9-15 消息组件封装 (26:11)
, ~5 u: @: s( x2 H% H3 j1 Y9-16 自定义类型消息展示 (17:54)1 {9 Y( x% p. r1 G+ A/ n8 r# o
9-17 消息发送事件回调处理 (12:34)
* ?8 G' ]4 u* V6 S2 B& [9-18 消息实例创建与工厂模式 (18:19)8 z. b3 I" Q* S' m7 M. V
9-19 发送消息测试 (04:57)
7 C% _; w3 w3 Q9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)% _5 `, _5 C, n# o# E3 U
9-21 滚动触顶加载更多历史消息 (12:31)
( y/ l: \) P) K& ^9 q1 G9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)
5 E" }1 n0 a- f0 r& s- X$ C* R9-23 服务链接发送提示功能 (09:51)
! s8 x" H: C/ ^4 i& u9-24 会话列表获取与更新事件监听 (10:10)
& X# B x5 k) @* f* g4 `, S9-25 消息栏目会话列表展示 (16:27)+ x& e& [8 b. Y3 j4 P3 ^
9-26 自定义徽章组件封装 (11:31)
2 _/ a2 P( _+ h3 V" p- w9-27 tarbar未读消息提示实现 (08:54). {& o) O7 E' Q. j/ }" q
9-28 tarbar状态同步解决方案 (15:58)( ^' z9 D1 j5 T" G0 q/ I( P
9-29 即时通信功能收尾 (11:25)% H6 e4 z, V9 h4 ]
9-30 章节回顾
+ e) s7 i, U' ~2 T# c9 g* m+ Z: ]2 }2 Y* y
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟+ ~0 ?4 y* ~* N4 }6 k* F
10-1 开篇语 (01:13)
0 ]( g% G0 ~2 n$ `# _) D10-2 个人中心头部展示实现 (07:11); i) |) p: s# m# Q) _5 S- V
10-3 宫格、宫格元素组件基本定义 (10:38) c: S9 D$ p+ N* l1 V
10-4 组件间关系定义实践 (14:10)1 a' ~# S% d( l
10-5 个人中心宫格展示配置化 (07:12)
?, H- S4 v: T& h7 y/ {5 q! t10-6 异步请求执行优化与宫格徽章展示 (18:03)
* s3 {, w9 h( j+ z" f10-7 组件事件冒泡与穿透 (22:52)
7 M6 F" M* O3 a! N10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)
1 O& W2 R4 H! P$ w3 G2 ~7 G10-9 订单预览组件展示元素实现 (14:37)
. }' K- [" h8 F10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
& M2 Z F6 _. }2 J4 s+ L10-11 “我的服务”列表页面实现 (13:42)
' O5 ^4 o% P0 _10-12 订单详情页面基本元素展示 (24:27)
5 X. M# R& }3 v' p" R% l9 Q- h/ u10-13 订单详情操作栏渲染 (15:34)2 ~' P% B3 V6 p5 m/ }6 _! ?
10-14 订单状态更改实现 (13:40)5 T9 T! {* ^6 o
10-15 订单评价页面实现 (24:02)
% i2 x' F1 u' Q) `" B10-16 订单评价功能收尾与售后模块说明 (04:57)
" J1 O. j/ b( G8 `9 v4 Z0 h% b
" O% A- [; C( R* F6 L' S0 U第11章 课程回顾与总结1 节 | 8分钟
) I4 Z* {' Z( {! F6 J1 H- P11-1 课程总结与寄语 (07:38)
- ~- L. P& U1 [" u; ~/ r. r
, @+ A! h5 f! f b2 F8 d〖下载地址〗7 s2 {! ]6 C$ @. ?3 g& i# W
# s8 e5 v$ [. e! O* r7 d7 D! {〖升级为永久会员免金币下载全站资源〗
8 {9 {0 T+ b+ |, j* u9 N0 A全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
* f/ O* ]2 ^% C. `3 B9 }- D. w3 K |
|