|
|
uni-app是MVVM框架，所以我们会对MVVM思想做简单的介绍，随后通过一个示例来阐述MVVM与数据的双向绑定。那么在示例中我们会讲解页面路由、基本配置、生命周期、响应式像素upx、{{}}表达式、vue指令与数据绑定、事件、条件判断以及for循环列表渲染。
) v8 b2 F5 ]" Q q: @2 R9 C课程目录：
% T# P# M/ d+ ^$ A01导学
2 P& _: l, |- ]; t9 ` 导学(12分钟) ' @( m5 _; I9 _: ^
学前必看！补充课：接口调用参数补充(6分钟)
: g9 J: x) u5 E 基础框架NextHelloWorld(rar，513.7KB)2 b \% H0 {" a3 ]: `: X' u7 U0 m
超英预告最新源码(rar，8.7MB)
: _" ^* H& D3 F4 q: Y linux工具与ngxin安装(rar，37.3MB)
8 o( k5 \- L6 v7 Y logo素材制作(rar，730.3KB)
. b5 T0 l- C- }- h' f02课程介绍
4 W6 }% t0 K* h! } 什么是 uni-app(4分钟)
g$ o& [+ U' q 为什么要使用 uni-app(8分钟), k; q; P* R9 i) v: F) @' o
app多端发布效果展示(7分钟)
' ^9 u' G# O2 ? 使用HbuilderX在ios、安卓、H5进行真机调试(14分钟)
! {$ ~; j2 O* [9 d/ d. N 微信、支付宝小程序开发工具调试(7分钟)6 u$ l; y B$ S4 P, W" v, ]
在Mac上使用Simulator进行调试(5分钟)
) u" n0 G( _7 N1 h7 R7 W: }& y03框架基础-上 x) T$ s- n- t' C8 k) w
简述MVC模式(9分钟)
+ `0 r9 h6 h& g' s8 Y! [6 ^# y( f) ]. } 图说MVVM模式(5分钟)
& M t& ?) j' Q7 H* K; m# ]% B' g% U 通过代码阐述MVVM与双向绑定(12分钟)0 ?" C& b* _$ l/ ]8 B8 N& W- k
JSON对象和数组的渲染(4分钟)2 a* \9 F; F# N8 X- e9 i; H1 d
页面路由以及标题配置(11分钟), {3 X( U! ?- y7 w+ Z. X- P8 t
宏观讲解项目配置文件(16分钟)
. k$ d" F% _# T% R" E. i g" \2 T C 应用的生命周期(11分钟)0 e6 Y3 H6 Z6 m( k! ]; e- d- p* f+ [, ]6 U
页面的生命周期(14分钟)6 Z/ _: G) y. ^6 G
固定像素px与响应式像素upx(12分钟)
8 o3 I4 ?: h1 K. d3 N) _$ e 在页面里使用{{}}表达式(7分钟)) a- K ~) U8 C9 v4 w Z% M
04框架基础-下
* c, S* R& U3 Q1 x1 k/ d v-bind指令对属性的数据绑定(7分钟)6 l0 ~, D8 r( P$ p
事件基础(22分钟)
5 z6 w `' \" T/ ^/ C 条件渲染 v-if与v-show(7分钟)
* d' N9 X; w: m. { 条件渲染 三元运算(4分钟)( _- m8 S. a$ v) }/ g
列表渲染v-for的使用(13分钟)- a# w1 u* l0 S/ F$ [- n- h
指令key实现for循环的组件唯一性(12分钟)
& e' z3 O& P) e) c. T: a4 Q4 H 嵌套循环的下标定义(4分钟)
; ~. `0 `7 t' R0 C: \3 o" v 条件编译 - 上(10分钟)6 E. B2 U& ]( Z. d+ O; E
条件编译 - 下(7分钟)
- ]# ~$ K7 P% b: L" L! y6 f' @/ L05样式与flex布局-上
# P0 _( o/ Y' F, d4 I flex布局介绍与模型(8分钟)
0 \" [% {' a( l7 }# ^+ h flex-direction 元素的排列4种方向(10分钟)! |+ l$ Z( ~) E0 h+ \9 z2 F/ S
导入外部css样式(4分钟)9 f' v1 x( v% ~* y7 D1 x
flex-wrap 元素的换行(12分钟)2 X6 u; }* z9 k8 @) Y- G1 ~7 y
justify-content 元素在主轴的对齐方式(14分钟)
- w4 E d% B9 H$ s- p align-items 元素在交叉轴的对齐方式(12分钟)
/ \- i9 g, e" X0 y- K) i06样式与flex布局-下. f7 a. p' D" i" S3 E _2 T
align-content 多轴线的对齐方式(13分钟)
4 c& B' j: _/ H/ x9 j1 P$ x flex成员项的属性 - order(4分钟)8 t7 [& A! ?# A8 M- p2 [# ^
flex成员项的属性 - flex-grow(4分钟)
' z/ i) h; [) |/ c flex成员项的属性 - flex-shrink(6分钟)
) |6 O; h1 H6 ~5 ~' f flex成员项的属性 - flex-basis(4分钟)
" a+ W8 U5 d7 a+ G6 Z- s, B# f flex成员项的属性 - align-self(6分钟)
& X' _! D1 d" H8 h* z6 p& j07开发首页-上6 _$ x* Y: B T) n. t r. K
创建项目，构建基础页面(8分钟) 免费试学
~0 T9 B; G4 o( W# D* b 构建tabbar(13分钟) 免费试学
4 z d% j6 } @- o! j 设置全局page，简述view组件(6分钟) 免费试学% m% k! Y8 `3 V+ H$ u2 b
使用轮播图组件(11分钟) 免费试学2 ?5 L! R( {* a4 _( O
禁用原生导航栏达到页面全屏化(6分钟) 免费试学
2 ~* L' w2 M/ H) a3 T 在线文档的使用(8分钟) 免费试学* m% `- F6 L" r* l- A2 I
request网络请求api讲解(5分钟)
9 J. \3 ?4 R$ m8 Y9 N' o5 a uni.request动态获得轮播图数据(9分钟)& M0 A8 Q: z4 W7 y: X
箭头函数 this 作用域(4分钟)
8 A1 Q9 [9 \0 _6 R4 a+ t 渲染并且展示轮播图(5分钟)
6 ?; V- [) J) R08开发首页-中
; r9 l# f8 o% \; k$ x* H 引入组件实现全局变量(7分钟)
$ m# d& k+ u' n" v l& m. j/ } 使用挂载实现全局变量(4分钟)
$ n/ N9 V2 o' A$ j, F 在手机端进行微信小程序真机预览(6分钟)
' W- E( A! S8 B+ j/ {5 e 微信小程序https使用事项(7分钟)* ?4 U; M8 p0 v" @$ X; k
开发热门超英 - 标题(9分钟)
w- d; [9 o' J9 F 开发热门超英 - 简述scroll-view(4分钟), ]! T: T! I# y! p
开发热门超英-使用scroll-view实现横向滚动(3分钟)
' [. v, d* K5 F% ]! i/ _; P 开发热门超英 - 海报与标题(8分钟)
# o8 ^) y: Y, x0 F% z 开发热门超英 - 评分(6分钟); f# H9 r2 L5 r; s% x# P& E
开发热门超英 - 动态渲染数据(8分钟)
* x2 U6 ?( \$ ?* H09开发首页-下
" L" i% b& N6 f$ S. K, I5 j 开发自定义组件(7分钟)
+ _5 ]+ p$ G% T" w 父组件向自定义组件传入值(6分钟)' Z& K9 z' ?4 r' P: O1 I
完成评分自定义组件(22分钟)1 _, ?; J4 v# w0 |$ L6 K2 r
视频组件video讲解(9分钟); a; a/ l4 n6 _6 ^. c9 U$ a: ^' \
获取预告片数据(3分钟)
. u/ H/ g) Q. H u2 j- ~ 动态渲染预告片(10分钟)
- i: p! ^- w( W+ ^6 M3 p 猜你喜欢 - flex布局嵌套编写(18分钟)
/ y' N" W2 ?2 {/ K 猜你喜欢 - 编写点赞css(7分钟), P2 M/ F2 f+ w7 x3 o K! `
猜你喜欢 - 实现点赞动画效果(14分钟)2 | _% b( ^0 p5 f: A
猜你喜欢 - 还原动画(5分钟)/ ^9 Y' L, G8 r6 v. k T% d
10开发首页-终
1 D8 Y! }- V# f* R& g 猜你喜欢 - 动态渲染列表(6分钟)6 G8 ^( _; l4 K1 `4 s% N |
猜你喜欢 - 实现动画数组(7分钟), G3 ^' s% K& Q7 P/ Q0 u6 U4 r1 C
猜你喜欢 - 条件编译解决动画跨端兼容问题(4分钟)0 ^1 u" Z& K; w
猜你喜欢 - 开启下拉刷新(5分钟)
- I$ m# Q t1 d6 H4 N 猜你喜欢 - loading交互api(8分钟)
0 I+ }, l* a+ l* S9 [11构建搜索页-上
& ]) J5 t8 m- ?/ a1 l5 o 搜索页面 - 编写搜索栏(19分钟)
0 v6 S! I; Z5 @5 m( t3 N 搜索页面 - 编写预告片列表、搜索栏置顶(9分钟)
. z6 h) p( i0 i( _& E, Y6 u 搜索页面 - 动态获取最新预告并且渲染(9分钟)
9 b% @2 g4 T5 T+ I/ r 搜索页面 - 分页接口api讲解(4分钟)
+ A5 T; _ ~. @' K& e( P 搜索页面 - 搜索前置准备(6分钟)
4 }6 _; W1 e* a- t 搜索页面 - 执行搜索动态渲染(8分钟)5 v2 K0 C: W5 k+ B$ _' l4 L) ~
搜索页面 - 监听下拉实现分页功能(8分钟)0 n" s5 g+ D& ] T' d8 q
页面路由api与传参(13分钟)
$ L4 O. k4 g) @* q( R! h! [7 k 页面跳转组件的使用(7分钟), M r3 S4 j$ a" ^+ ?, W
详情页 - 查询详情与视频渲染(8分钟)
4 A* T' E$ r: r% L12构建搜索页-下* i2 e6 z0 L8 {$ x7 Y# p$ W0 `
构建预告片基本信息(16分钟)4 {! T& @" Z0 I
构建评分快与阴影效果(15分钟)
3 |+ N5 P, \( l: N 解决错误数据绑定undefined(5分钟)
7 n3 o& ^# H# R% x 编写分割线以及剧情介绍(8分钟)
2 v, {& ?! ^/ { 构建剧照与演职人员数据列表(10分钟)$ ]3 K0 i- G4 T5 D
渲染剧照列表(8分钟)
2 j. B- w+ q3 H' q1 @ 双拼数组构建演职人员列表(12分钟)
1 L% k; S. V8 z 渐进式导航栏设置(6分钟)8 f, S8 o$ P+ d w! _- ^
通过预览api实现剧照预览(7分钟)
& N; E2 q: |& U; ]2 Z$ _ 演职人员数组拼接预览(8分钟)$ j, n' E6 t/ E) r3 e, a' c8 u# G# @- `
13电影详情页构建0 X5 ]/ `* _4 A1 c7 D5 b
自定义预览封面图(13分钟)
9 P N7 I4 U' S3 ^8 D% b9 d actionSheet接口api使用(6分钟)
+ l- M, S. p: z. A/ w$ S8 I 下载以及保存图片(15分钟)! b2 k( l! N9 k; k6 q
配置https下载合法域名(5分钟)# K6 B5 b* u u m% ]
实现小程序中的分享转发功能(9分钟)* }3 b7 J5 a& S U1 h
自定义导航栏按钮(11分钟)" p5 d$ F) s8 m; M
分享到朋友圈(9分钟)
' a: l7 Q* |) M$ k5 B9 w4 C 微信开放平台简单介绍(6分钟)
; G& u: V2 x0 Q, C2 @1 x1 P 操作视频对象，提高用户体验(8分钟)6 d# M5 B! c/ X, p9 i
优化首页视频体验(13分钟)& Q; @( n; v0 `: P& r( w
14我的页面（上）
0 n# ~/ p0 ^$ u i 开发个人页面-header与导航栏设置(9分钟)
$ o% ~2 O( _6 x2 g 发个人页面-用户未登录和已登录的页面展示(9分钟)
; X6 F2 ^3 G: Q$ V; I/ u4 {4 ]1 C, K 构建注册登录页面(8分钟)
$ O8 d8 a2 k# A/ b0 j# q button与form组件讲解(6分钟)1 ~3 u" `2 y+ x7 g7 G6 ^
实现一键注册登录(12分钟)
& Z0 b8 c l) P0 T! e" ` 通过缓存切换是否登录状态(9分钟)
0 N: }2 Y/ K1 A! m( c. Z 构建用户账号页面(9分钟)" T3 ]5 c( w2 Y
清理所有缓存api(4分钟)
& x( J3 I4 E4 E+ Q9 R 用户登录错误提示与方法挂载(7分钟)
8 V! l v$ h1 x3 P 渲染用户信息数据(6分钟)
* T( C2 K5 X: f& X7 j15我的页面（中）" u) Z& A% m% p
用户退出登录(6分钟)
0 w8 k) |: _$ {$ r/ [ m0 ` 第三方登录讲解与页面构建(16分钟)
: d c9 B- R$ r! j 第三方登录-小程序端实现微信登录(15分钟)$ U% \+ A, I. |5 e; g
第三方登录-后端登录业务梳理（辅助理解）(10分钟)
/ W3 s* f8 a9 J+ B5 \: k8 Q$ ~. X 第三方登录-app端授权登录(8分钟)1 g' s' }, Q3 X& S
第三方登录-app端获取用户唯一id及信息(12分钟)
+ m# o5 ?9 ?8 Y/ f 第三方登录-app端执行一键注册登录(7分钟)
1 N- i# Y8 l1 X7 g& Y* ^3 E" M 查看预览用户头像(7分钟), A) W! D a3 c
选择用户头像(11分钟)
! E+ v6 L$ u6 N5 E- ? 重新选择头像(3分钟)
' r; P6 Y- |. Y# B9 ]8 Y2 b; W16我的页面（下）
& A9 T( B8 H" X3 w8 s/ H 文件上传api与后端接口讲解(5分钟)
' Y) M) R0 y( S; M token令牌讲解、实现头像上传(23分钟)% b; Q5 q. ]3 T9 H* [8 R
引入图片剪裁实现头像上传(7分钟)
7 Q9 I6 R4 I& u5 R/ N+ d; c 用户修改昵称(18分钟)
& f5 ~8 {3 P, `# L$ n2 a0 K$ Q 用户修改生日(17分钟)2 a7 i7 t% g5 w6 {: h
用户修改性别(15分钟)
& e s1 v+ X& D" u17项目发布与上线
' _3 j8 e& ]3 V9 B$ j9 u( r, K( E) k 打包H5 web应用(5分钟)6 i" v E; g6 Q4 B# S
购买云服务与简介(6分钟): f0 R+ n- S& D9 g; |0 K
配置安全组，重置密码，上传nginx，配置ssh(14分钟)) g f- N2 ~2 Z( M0 l' l
安装nginx(9分钟)% ~3 i' |9 k& `
成功发布H5端web应用(14分钟)/ l3 Y; Y) \% ^6 C! D' e I+ D
微信小程序上传审核流程讲解(8分钟) o3 J* c0 q! e1 B4 N
打包安卓apk(8分钟)
# l1 K% u( t8 d8 u/ h 简述ios打包(8分钟)
/ Q$ C& m1 G1 x, ]& n$ r, r& S18课程总结
3 f2 z! f2 a) }, }. e& ^3 Z) E 课程总结与展望(9分钟)
* ^7 i7 f* U" _# a
) E0 Q5 s5 _' k/ z; J
$ b6 R9 s1 l' A, W; V- t
* a. M7 w( E/ o |
|
|手机版|小黑屋|paopaomj.COM
( 
渝ICP备18007172号|
渝公网安备50010502503914号 )
发表于 2019-12-10 09:48:24
