" `8 u2 V3 b0 j
' w: c# ]: W: G6 B〖课程介绍〗
) R1 P7 j: Q$ e$ I, N9 l, i7 r+ ~/ m学习没有速成,但可以很有技巧!本课程为你梳理关键知识脉络,通过经典开发场景还原,理清问题的来龙去脉,告别“实现了就好”、“维护不了”的困境;“封装”、“异步”、“架构设计”、“面向对象”等晦涩的名词不再神秘,让“可读性、可扩展性、可维护性”落地。
% q: }% W8 z0 t. b2 }1 o& f" x〖课程目录〗
% b$ n/ U1 s6 g K+ G# `; J$ [第1章 课程指南:配套教材及环境搭建 试看4 节 | 25分钟
/ J$ U' X' X+ K% V# F9 U- M1-2 课程食用指南 (01:26)) e& T ~2 v" j* c z
1-3 小黄,做一个小程序 (03:56)5 i6 Z5 ~9 C2 u+ ~! m3 A
6 D! D' q& X* H1 _4 H" h
1-4 开发环境、开发工具准备 (08:09)! P9 Z- W1 C& p* z p
第2章 初始小程序和项目需求分析9 节 | 112分钟" ] G Y! Y+ X2 l
2-1 开篇语 (02:05)0 ~* n# T& G1 L# C5 I. k* R
2-2 功能结构与业务流程梳理 (23:53). a; [+ Y/ m# M- Z5 C4 |
2-3 常用基础组件、样式布局入门 (16:34)
9 _- x8 C5 l: T6 R' P" G2-4 让页面数据“动”起来,数据绑定、列表渲染、条件渲染入门j (16:03)) C; M4 R. I; a7 q% e
2-5 感受平台生态的力量,常用API入门(上) (14:28)+ W+ [1 R$ y1 X' r( c }1 r: v
2-6 感受平台生态的力量,常用API入门(下) (14:45), W$ C3 L! N( j# d" M8 }
2-7 特别的API——wx.request,前后端分离架构初探 (14:33)
1 }$ B$ D. G p) F6 a" w2-8 前后端分离架构的前世今生 (08:44)
9 J8 O8 c& h1 t% x2-9 章节回顾
7 m5 Z0 w9 p! v! M( K- ~. V+ t& t+ u" s; Y* T7 s- I* A
第3章 内容标签页、swiper服务分类筛选“最小原型”实现7 节 | 63分钟% M% ~, u+ R7 u
3-1 开篇语 (01:37)
) ]4 Z5 `- q; G- |! P H3-2 原生tabBar组件使用及配置文件介绍 (20:26)% ~& Q, g; P. e; N1 l% o Q! o8 h
3-3 实现“广场”页面标签页效果(上) (14:14)4 H4 [) m, Z% Y* l2 p: O
3-4 实现“广场”页面标签页效果(下) (10:38)
" W! j$ X. ?- k' l C- F7 \' O3-5 分类筛选功能实现 (15:25), @+ R8 m5 ]2 _7 c8 m0 e6 Q4 D9 X: R
3-6 【项目作业】服务分类 Swiper 样式优化
# [5 a& W7 B5 ]3-7 章节回顾
% |* |3 a8 V( S( |4 X' i
! C$ U: _; U. S5 Q/ w第4章 内容标签页组件化,自定义组件定义、插槽、通信。10 节 | 88分钟
' d( e: D) b; l/ }+ Z4-1 开篇语 (04:06)" k: p4 u! ], }1 p
4-2 进阶必备——自定义组件基本概念 (09:10)
* y c7 j& Q: X7 m) Q# Y! a4-3 重构内容标签页(上)——自定义组件 Tabs (14:45)
; _1 n5 [( J" W4-4 重构内容标签页(下)——自定义组件插槽 (08:45)
& U2 [/ G. E j8 z! [8 ~/ D4-5 警惕频繁事件交互和 setData (11:39)
2 T7 p) X* R8 V. p t9 B( {+ E$ s( U6 w4-6 WXS 实现手指滑动监听切换标签(上) (16:10)! _) K% }9 a2 b1 r: o, [
4-7 WXS 实现手指滑动监听切换标签(下) (17:16)2 R0 x& ?% e- t/ X- l: |: m; P
4-8 高频技巧,填充屏幕剩余空间实现大范围事件监听 (05:48)
. l$ x% ], ^0 `) y& }- g4-9 【实践作业】 wxs滑动监听优化0 U* F* _* p: E/ X
4-10 章节回顾: s! G# g* [+ F) n8 M5 v3 n6 T3 z
# `3 m! ~& b5 c8 u) N7 D4 x
第5章 代码分层设计实践与网络请求封装11 节 | 147分钟8 K4 u- \* k- @+ }
5-1 开篇语 (03:02)
2 M, g! o0 X7 i' @' k0 F5-2 JS面向对象与代码分层设计- (21:13)
9 D2 N' S/ a( m' C! J# t5-3 wx.request二次封装实现统一响应、异常处理(上) (16:05)
0 {0 B' T o5 ~1 v$ R& m5-4 wx.request二次封装实现统一响应、异常处理(下) (15:55)( h$ H! M& P: u! W& q* [. Q
5-5 告别回调地狱——async、await与同步、异步编程(上) (14:14)8 x: Y+ V& O7 o
5-6 告别回调地狱——async、await与同步、异步编程(下) (17:02)* P" i# ^1 N3 N
5-7 小试牛刀,利用二次封装的请求库实现服务分类选项加载 (10:00)8 i+ M( c' I& e- h2 r
5-8 “服务预览”组件封装实现服务列表展示 (29:45)% Y b, H* K! G& l
5-9 Iconfont 样式文件
, D3 q: k: o: n5-10 “服务预览”组件样式完善、Iconfont 字体图标使用 (18:54)
8 n+ H% M: m8 \! [& ]! @5-11 章节回顾. Z( U Z1 Z, V0 h
( E9 N3 j7 n0 Z- n# P, m
第6章 常用工程解决方案结合实现数据联动展示13 节 | 158分钟
4 M5 W5 L% ]) B! d5 f1 \, q3 e6-1 开篇语 (02:08)
8 C+ Y( m' [5 q$ O6-2 Iconfont样式
1 P. x$ L2 T8 c; m% F9 d5 e6-3 Iconfont二次封装实现自定义 icon 组件 (12:18)
# d2 R3 J5 j4 x9 L# z1 H% {6-4 提高“内聚性”,重构模型类实现分页加载 (29:27)0 p4 K, R3 Z. q
6-5 从下拉刷新实现认识面向对象实例与静态方法 (27:12)5 C0 G( Q) |8 T- W9 P' K1 H
6-6 内容标签页、分类切换数据联动 (17:20)
' Y% d9 X4 g- W3 O# C" ^6-7 节流函数
0 {4 f; k/ k( P0 f$ G$ p6-8 使用节流函数防止频繁触发调用 (12:55)
% c) S. b! c5 i! d4 D* d6-9 从节流函数认识面试高频问题——闭包、this 指向 (17:37) t7 R6 s# d8 S' ~* K
6-10 优化加载提示,骨架屏功能实现 (13:53)" J& p1 y! P# I
6-11 优化加载提示,状态展示组件 (08:53)% J& W M+ Z ~0 W1 ?
6-12 广场页面收尾——兼容性配置与样式调整 (15:50)7 c6 N& p8 r) P3 n
6-13 章节回顾 T8 G1 o& q6 L1 l1 z" d
" d) G, ~3 C0 Z2 p7 q+ I第7章 通用组件与业务组件结合实现服务详情页面26 节 | 356分钟
6 B m) S& p( ?4 Q7-1 开篇语 (02:18)5 z+ J% P+ Y% M+ m
7-2 服务详情页面骨架搭建与路由传参实践 (22:02)* \4 }& [/ v* K' P
7-3 自定义头像组件封装与调试技巧分享 (10:56)- C. U+ F9 Y( q3 B
7-4 数据同步场景分析与 WXS 处理文本转换实践 (18:36)! W% }5 [! f: w. T8 B! a; f2 y
7-5 “继承”特性运用实现评价列表数据获取 (10:39)
3 x& x& w) H, C" {9 s7-6 服务评价组件与评分组件封装 (19:53)5 @6 b* i! Y! ?, F
7-7 服务评价组件完善与图片预览 API 实践 (17:53)9 I" R- c3 \3 ]
7-8 枚举值使用的最佳实践 (09:40)
C& l# C' K& I3 m. V5 a: m7-9 安全区域适配解决方案 (13:15)
+ I F! w* P: \7-10 操作栏角色按钮渲染 (11:27)
1 s; |( s' l g7-11 自定义组件 behavior机制初探 (22:09)7 T/ w3 x6 o* r5 h
7-12 事件回调参数工具函数封装 (09:31)" o* m0 i: h2 v" N* K4 ]! i- g
7-13 更新服务状态回调处理函数实现 (14:04)# V& T t' ^: D5 u1 t
7-14 常见登录方式及小程序登录 (14:08)
- }: c4 i8 o$ f! F0 l7-15 思考题:在小程序中采用手机登陆方式的优点/ p9 k( j! x% D' p
7-16 登陆页面实现 (25:47)
: u: E6 n4 G) x7 V4 W7-17 异常与错误 (17:36)
; F5 N* k% C+ j8 ?; ]4 ]7-18 异常机制与异常捕获 (14:52)5 F; e: O% `/ R
7-19 登陆时机控制与刷新令牌 (20:13)/ F4 H8 O) d7 H" Q( z+ \: x. V7 b, {
7-20 服务状态修改测试以及注意事项 (05:59)1 B1 e2 K& J6 c+ ~6 Z: J# [
7-21 页面间事件通信机制实践 (22:39)
+ n& F1 r& b, [5 F# b) S; O7-22 自定义 button 与外部样式类 (19:11): d7 q' |4 d- F8 i, b: z
7-23 让自定义 button 组件支持开放能力7 f$ d& ?/ b; ^: h2 ]
7-24 服务预约页面与预约成功页面实现 (25:58)+ h+ j# [4 b+ B' N' ?. ]; c8 q5 ~
7-25 服务详情页面收尾 (07:00)
~! `4 ~7 M, Z& |( h2 \7-26 章节回顾$ m( d' j( K( P# t" s
) M# w$ A" q6 M7 i, |1 f第8章 表单提交与表单校验19 节 | 214分钟! r( o% X) z3 a; D1 b" g+ L
8-1 开篇语 (03:42)
8 z& \4 [" d; n: B q S3 A8-2 服务表单组件表单项定义 (17:21)! A* d( {, E# L7 d9 x! B
8-3 服务类型表单项初始化逻辑实现 (21:49), ^# d3 l8 }% y) }
8-4 深拷贝与浅拷贝 (16:02)* ]) A: A0 t3 J3 e8 X+ o/ y
8-5 表单项事件回调处理函数实现 (12:22)
% R% O: H" \6 u5 j- I; K; a( j8-6 图片上传组件封装之数据监听器 (13:42)
! N& m5 b% ~8 M6 Y7 t+ a8-7 图片上传组件封装之组件元素定义 (15:26)
2 E2 m* n5 U0 O8-8 图片上传事件回调处理(上) (13:17), u7 Y* d" ?- v6 n
8-9 图片上传事件回调处理(下) (16:21), U2 K; L3 L: @! U) F/ _
8-10 服务器合法域名配置3 m- K* q8 p' n2 o& q& q
8-11 发布服务表单联调 (11:59)- u! S! l0 C2 y
8-12 编辑服务表单组件联调 (11:48); c$ N: B, _3 v2 [7 v
8-13 发布服务与编辑服务表单提交 (14:03)
( v0 f4 M# ^' S* W" ?8-14 表单校验功能实现 (19:50)
: k2 u+ U2 B$ U; O8-15 思考题:前端/后端已经做了校验,另一端还需要做吗?为什么?
) K; U8 `% b: o* C( A( [: T8-16 组件监听页面生命周期实现校验状态初始化 (08:36)
5 v5 B4 @8 M) D0 W% N5 I$ ^8-17 原生 API 机制踩坑 (09:16)
+ a2 \, G& I5 \8-18 服务表单组件收尾 (07:39)
( s( U; @0 P, E+ Q) x; \, ]1 z3 `8-19 章节回顾
) @) B( E/ a' s/ o1 O( Y* \" E ?2 H3 N0 Q/ J: G
第9章 即时通讯SDK 二次封装与全局状态管理30 节 | 328分钟4 I! @9 C% |* R- Z6 d2 g! t* s3 w
9-1 开篇语 (08:02)* `; e& {+ A8 i8 A% \. ^
9-2 即时通讯IM SDK 安装
" D# R | j/ U9-3 即时通讯 SDK 安装与启动 (10:07)
# w% f: X" X3 O, B; o9-4 模型类基础封装与单例模式 (11:06)
% V$ F7 b% i' X( q9-5 获取消息列表模型方法封装 (11:59)
: `% i, ^. U3 w* h3 E5 H) ^3 z9-6 测试环境 sign 生成函数9 @- k( [1 O1 j& P9 ]' G
9-7 TIM 登陆实现 (12:10)5 y* n; c4 {2 I- q8 H
9-8 TIM 事件监听机制初体验 (04:57), a6 a+ i( T' u _8 B( _$ G( x
9-9 全局状态管理介绍 (06:39)8 ^ L/ X) G( A y4 g
9-10 MobX 实践 SDK 登陆、下线状态管理 (14:42)
" b4 m4 ]' t$ i9 p9 D+ p1 Z5 i) ]9-11 利用 MobX实现TIM SDK 状态与原有登陆机制集成 (12:36)- h% |* u9 B7 X+ Q v# E
9-12 消息列表和消息接收状态管理 (12:52)
B" ]* _& |( {& @6 t3 J9-13 测试消息列表获取与消息接收 (10:34); u+ ]4 J+ l5 _7 v0 o' B
9-14 会话详情页面基本骨架搭建 (10:39)/ }1 D$ W3 [! `1 i8 T) f) o4 H$ |+ d
9-15 消息组件封装 (26:11)% A8 k& u4 t: U
9-16 自定义类型消息展示 (17:54)% G+ y- T) Z$ B E" @" k! P
9-17 消息发送事件回调处理 (12:34)7 o; N* |' C. E A$ K
9-18 消息实例创建与工厂模式 (18:19)
% O) g8 W; l! V9-19 发送消息测试 (04:57)$ p* P0 V; ?5 e, h5 K" a7 z
9-20 主动消息上屏实现与scroll-view实现指定列表滚动位置 (11:33)1 l) R- K) T' W3 `5 B
9-21 滚动触顶加载更多历史消息 (12:31). G& H: I: ~' n5 X
9-22 IM 用户资料更新与获取实现动态导航标题更改 (12:29)3 y( j* _4 m# j6 L' F" B) F. U" ?
9-23 服务链接发送提示功能 (09:51)5 B: Z( O, ^ j
9-24 会话列表获取与更新事件监听 (10:10)" Z. s7 t2 z$ N" Z
9-25 消息栏目会话列表展示 (16:27); A7 L! K: H8 R6 V
9-26 自定义徽章组件封装 (11:31)6 L# c7 F8 u2 N5 J' U0 f3 D) S; A
9-27 tarbar未读消息提示实现 (08:54)
& K; ]) {1 X1 w( ^6 f! b9-28 tarbar状态同步解决方案 (15:58)8 \' v* q0 S6 ?; a
9-29 即时通信功能收尾 (11:25)
3 | ]* m4 c- j# d9-30 章节回顾
( y& g. r9 @* a9 _- w- W& p) z" a* {# A) W" J; y* g
第10章 个人中心登陆注册与订单、服务管理16 节 | 237分钟# C1 u- c. q: ]; ~ o3 d
10-1 开篇语 (01:13)2 ]4 C5 K" d) y! t' W
10-2 个人中心头部展示实现 (07:11)
/ q! I* s5 E1 J: O6 t10-3 宫格、宫格元素组件基本定义 (10:38)) F+ m* O, o2 c$ W) O( y
10-4 组件间关系定义实践 (14:10)% U/ E2 W) u2 N) j
10-5 个人中心宫格展示配置化 (07:12)) h; d, d# R5 I5 i0 r5 a0 L
10-6 异步请求执行优化与宫格徽章展示 (18:03)
$ g8 v( Y9 S6 P7 b3 E" K9 B10-7 组件事件冒泡与穿透 (22:52); k" Y$ j; Y+ I, T
10-8 “我的订单”页面数据获取与页面骨架搭建 (17:21)- O: i" @4 ?1 A% s/ N+ c
10-9 订单预览组件展示元素实现 (14:37)0 l/ u! O C' }1 L8 Q
10-10 二战 behavior 实现订单预览组件操作栏 (27:14)
! f3 b5 M, a- {. A: C10-11 “我的服务”列表页面实现 (13:42)7 W- u% K: e5 U; Q. k( T0 y% T
10-12 订单详情页面基本元素展示 (24:27). w. a0 m% c3 M/ N% S; ?
10-13 订单详情操作栏渲染 (15:34)+ j* A4 M7 e* p9 m X1 b
10-14 订单状态更改实现 (13:40)
4 i8 c& A/ c$ }. P) w/ a/ s+ M10-15 订单评价页面实现 (24:02)
2 a/ } C5 S2 I \8 Z, G10-16 订单评价功能收尾与售后模块说明 (04:57)/ w: E5 r9 Q0 q; w! q: E) R: R
% a' _, }% f- \. g6 G! T* M1 [# X第11章 课程回顾与总结1 节 | 8分钟
( l* e- H$ y. x) @$ Z: l11-1 课程总结与寄语 (07:38)8 ^7 H$ l( p6 }: c
) `& C" u" _9 [6 j0 |- T- {& w [& r
〖下载地址〗
3 z+ L0 }! I3 k+ ~1 G+ q) ~- H" J+ \* Y
〖升级为永久会员免金币下载全站资源〗7 m$ @' Q) N8 x7 y) O* V
全站资源高清无密,每天更新,一次充值,永久可查看网站全部资源:http://www.mano100.cn/rjyfk_url-url.html
$ j& P0 h" @8 T7 B, ? |
|