先想清楚：uni-app 值不值得你现在学

如果你现在的日常工作是写 Web 页面，或者已经被公司要求去接手小程序、App 的开发，那 uni-app 是个很现实的选项。它解决的核心场景只有一个：用一套 Vue 代码去生成多个端的小程序和 App，省掉重复造轮子的时间。但如果你完全不懂 Vue，连 data 和组件通信都搞不明白，建议先去补前端基础，直接看这套课会有明显的断层感。这套资料的定位是带着你把 uni-app 的基础语法和内置组件跑通，适合有前端基础但没做过跨端开发的人。

建议先看哪几块，怎么配合练习

不要按顺序从头看到尾，很容易看疲。建议先把环境搭建和项目结构说明这两块过一遍，把本地开发环境跑起来，能成功预览出默认页面。接着直接跳到内置组件的入门使用，重点看 view、scroll-view 这两节。这两个组件是后续写任何页面的基础，尤其是 scroll-view 在不同端的滚动表现差异很大。资料里专门讲了进度条在 PC 端和小程序端的差异，这种跨端坑点要边看边自己建一个测试页面复现一遍。不要只看视频不动手，每看完一个组件，就在自己的测试项目里写一个对应的静态页面，遇到报错再去翻常见错误汇总那节。

学完能独立做什么

把基础组件和常见错误这块啃完，你能独立完成一个多端静态页面的搭建，知道怎么处理 PC 端和小程序端的显示差异。但要做到独立开发完整的跨端应用，光靠这套基础资料还不够，你还需要补 Vue 状态管理和接口请求的实战经验。这套课的价值在于帮你把 uni-app 的底层组件逻辑理顺，不至于在真实项目里被基础的布局和跨端兼容问题卡住。建议学完后，自己找一个简单的列表详情页练手，用这套资料里的组件知识把它在两个端上跑通，就算真正消化了。


带领同学们系统学习uni-app基础知识，进阶知识，通过实战案例将所学融会贯通

课程目录

*   01 Uniapp内置组件/

  *   01 uniapp概述.mp4 30:41

  *   02 环境安装搭建.mp4 07:50

  *   03 创建和运行uniapp项目.mp4 15:31

  *   04 项目结构说明.mp4 15:20

  *   05 注意点和效果预览.mp4 05:14

  *   06 注意点说明.mp4 16:22

  *   07 内置组件的入门使用和快捷键.mp4 24:52

  *   08 常见错误汇总.mp4 04:53

  *   09 uniapp内置组件1-view和scroll-v.mp4 01:01:54

  *   10 uniapp内置组件的使用2-进度条分析.mp4 11:34

  *   11 uniapp内置组件的使用2-进度条实例.mp4 26:08

  *   12 uniapp内置组件的使用2-进度条在pc端和小程序差异解决

  *   13 基于uni-app实现页面的轮播图1.mp4 16:10

  *   14 基于uni-app实现页面的轮播图2.mp4 15:38

  *   15 uniapp内置组件的使用3-轮播图案例1.mp4 33:55

  *   16 uniapp内置组件的使用3-轮播图案例1（视频2）.mp4 35:01

  *   17 uniapp内置组件的使用3-轮播图案例2.mp4 10:00

  *   18 项目源码

*   02 Uniapp事件和常用指令/

  *   01 uniapp事件绑定.mp4 06:21

  *   02 uniapp获取input输入框值的两种方式.mp4 28:09

  *   03 uniapp内置组件的使用-按钮和音视频.mp4 32:25

  *   04 uniapp配置本地tarbar.mp4 16:39

  *   05 uniapp配置Tabbar底部导航栏（标签栏）.mp4 09:36

  *   06 uniapp页面之间和tarbar之间跳转的多种方式.mp4 21:31

  *   07 uniapp常用指令的使用.mp4 40:37

  *   08 uniapp重新梳理1-3章笔记汇总

*   03 Uniapp接口Api使用/

  *   01 uniapp之api-本地缓存使用.mp4 01:14:15

  *   02 前后端交互过程剖析.mp4 14:40

  *   03 uniapp之api-网络请求-小说列表（版本1）.mp4 38:32

  *   04 uniapp之api-网络请求-案例分析.mp4 09:30

  *   05 uniapp之api-网络请求-小说列表（版本2）.mp4 39:57

  *   06 uniapp之api-选择图片和预览图片汇总.mp4 01:01:07

  *   07 uniapp之api-上传图片并显示图片.mp4 34:14

  *   08 uniapp之api-预览图片的两种方式.mp4 26:08

  *   09 uniapp之api-获取本地和网络图片详情两种方式.mp4 33:20

  *   10 uniapp之api-下载并且保存图片到相册两种方式.mp4 48:03

  *   11 uniapp之api-查看平台是否支持（三板斧优化）.mp4 11:38

  *   12 uniapp之api-消息提示的多种方式.mp4 43:07

  *   13 页面与页面和tarbar与tarbar之间导航.mp4 31:26

  *   14 uniapp之api之选择本地视频并且播放视频.mp4 21:25

  *   15 uniapp之api之选择本地视频播放（上）-详细版.mp4 48:17

  *   16 uniapp之api之播放视频添加弹幕（下）-详细版.mp4 37:19

  *   17 node.js安装.mp4 15:49

  *   18 api-图片文件下载的两种方式（node+uniapp）.mp4 01:12:55

  *   19 api-图片下载-前端-node.js+uniapp版本2.mp4 51:58

  *   20 api-图片下载-后端-node.js+uniapp版本2.mp4 47:11

  *   21 api-图片文件上传1（springboot+uniapp).mp4 01:13:50

  *   22 api-图片文件上传方式2（node+uniapp）.mp4 25:44

  *   23 项目源码

  *   24 笔记汇总

  *   25 uni-app从入门到实战 -上传下载视频播放笔记

*   04 Uniapp综合案例一/

  *   01 uniapp案例介绍.mp4 17:39

  *   02 基于uni-app实现页面轮播图设计.mp4 24:14

  *   03 基于uni-app实现页面标题设计.mp4 15:41

  *   04 基于uni-app实现滚动图片设计.mp4 26:23

  *   05 基于uni-app设计列表设计及tabbar.mp4 21:07

  *   06 源码+素材

  *   07 uni-app从入门到实战笔记

  *   08 springboot + uni-app前后端分离入门案例

*   05 Uniapp综合案例汇总/

  *   01 uniapp之刷抖音的小程序

  *   02 uniapp之高德地图的使用

  *   03 uniapp之图片瀑布流实现

  *   04 uniapp之用户的登录实现

  *   05 uniapp之微信的授权登录

  *   06 uniapp之刷抖音的小程序.mp4 53:24

  *   07 uniapp之图片瀑布流实现.mp4 35:05

*   06 综合大案例之“短视频”（node.js+uniapp）/

  *   01 后续有时间再补充

  *   02 项目源码

*   07 Uniapp拓展组件及Uview框架/

  *   01 uni-ui介绍.mp4 15:55

  *   02 uni-ui扩展组件的使用1.mp4 20:45

  *   03 uni-ui扩展组件的使用2.mp4 30:06

  *   04 uni-ui扩展组件的使用3.mp4 13:19

  *   05 插件市场第三方插件介绍与使用.mp4 07:51

  *   06 uView框架的安装和配置介绍.mp4 16:32

  *   07 uView框架安装、配置和使用.mp4 19:16

  *   08 项目源码

*   08 Uniapp在线教育项目/

  *   01 uniapp在线教育项目介绍和系统演示.mp4 08:01

  *   02 引入全局样式---外部样式库测试.mp4 18:10

  *   03 动画库引入和使用.mp4 20:32

  *   04 阿里巴巴矢量库的使用---引入自定义图标库.mp4 10:00

  *   05 首页底部tarbar导航开发.mp4 16:51

  *   06 首页搜索栏配置开发.mp4 26:48

  *   07 首页轮播图组件开发.mp4 14:33

  *   08 首页图标分类组件开发.mp4 23:53

  *   09 首页优惠卷组件开发.mp4 25:10

  *   10 首页公共列表组件开发---拼团（静态）.mp4 20:39

  *   11 首页公共列表组件开发---拼团（动态）.mp4 17:32

  *   12 首页课程列表组件开发.mp4 15:56

  *   13 首页数据交互.mp4 33:47

  *   14 回顾和任务布置.mp4 17:18

  *   15 梳理.mp4 04:48

  *   16 登录页面设计开发.mp4 31:38

  *   17 注册交互功能任务介绍.mp4 12:27

  *   18 注册功能交互业务实现.mp4 34:33

  *   19 登录功能交互业务实现.mp4 40:16

  *   20 登录功能完善以及任务布置.mp4 20:13

  *   21 初始化用户功能业务实现.mp4 30:25

  *   22 验证同意隐私声明.mp4 19:35

  *   23 绑定手机号界面开发---需求.mp4 06:17

  *   24 绑定手机号界面开发---界面.mp4 22:56

  *   25 绑定手机号界面开发---验证码.mp4 30:46

  *   26 绑定手机号api交互1.mp4 24:01

  *   27 绑定手机号api交互2.mp4 30:58

  *   28 绑定手机号api交互3.mp4 28:07

  *   29 忘记密码界面和api交互.mp4 16:00

  *   30 uniapp在线教育源码和笔记汇总