学习前提:
1. 掌握微信小程序知识点
2. 掌握Vue知识点
uni-app是一种跨平台开发框架,它可以让开发者使用一套代码开发出能在多个平台运行的应用程序,包括iOS、Android、H5、小程序等
UniApp的优势在于:
1. 开发效率高:使用uni-app开发应用程序,开发者只需要编写一份代码,就能生成多个平台的应用程序
2. 跨平台能力强:UniApp能够在多个平台运行,包括iOS、Android、H5、小程序等,使用uni-app开发的应用程序能够轻松地跨越各种平台的壁垒
章节 | 内容 |
---|---|
章节1 uni-app全局配置 | 1:uni-app简介 2:uni-app开发环境搭建 3:uni-app项目目录结构 4:uni-app页面简介 5:uni-app全局配置_tabBar 6:uni-app全局配置_窗口表现 |
章节2 uni-app组件 | 7:uni-app组件_基础组件 8:uni-app组件_滚动视图 9:uni-app组件_图片 10:uni-app组件_Swiper 11:uni-app组件_进度条 12:uni-app组件_页面跳转 13:uni-app组件-表单_按钮 14:uni-app组件-表单_多选框 15:uni-app组件-表单_输入框 16:uni-app组件-表单_单选按钮 17:uni-app组件-表单_选择器 18:uni-app组件-表单_滑动选择器 19:uni-app组件-表单_开关选择器 20:uni-app组件_音频 21:uni-app组件_视频 22:uni-app组件_相机 23:uni-app组件_地图 24:uni-app组件_画布 25:uni-app组件_web-view |
章节3 uni-ui组件库 | 26:uni-ui组件库简介与引入 27:uni-ui组件库_日历 28:uni-ui组件库_商品导航 29:uni-ui组件库_导航栏组件 30:uni-ui组件库_列表 |
章节4 uni-app API | 31:uni-app路由 32:uni-app页面通讯 33:uni-app组件通讯 34:uni-app数据缓存_异步 35:uni-app数据缓存_同步 36:uni-app网络请求 |
章节5 uni-app实战-百战程序员 | 37:百战程序员_项目简介 38:百战程序员_底部导航配置 39:百战程序员_自定义顶部导航 40:百战程序员_顶部导航实现 41:百战程序员_轮播图 42:百战程序员_轮播图服务器配置 43:百战程序员_课程导航 44:百战程序员_限时免费结构实现 45:百战程序员_限时免费动态适配数据 46:百战程序员_零基础就业班 47:百战程序员_推荐课程 48:百战程序员_导图 49:百战程序员_课程详情页 50:百战程序员_课程详情展示 51:百战程序员_课程详情tab切换 52:百战程序员_课程详情_课程章节 53:百战程序员_课程详情_课程介绍 54:百战程序员_播放页面 55:百战程序员_打包_H5平台 56:百战程序员_打包_微信平台 57:百战程序员_打包_App |
章节6 uni-app实战-百战新闻 | 58:百战新闻_效果演示 59:百战新闻_底部导航 60:百战新闻_顶部选项卡 61:百战新闻_封装网络请求 62:百战新闻_新闻列表数据渲染 63:百战新闻_选项卡切换新闻数据 64:百战新闻_上拉加载 65:百战新闻_下拉刷新 66:百战新闻_新闻详情数据获取 67:百战新闻_新闻详情数据渲染 68:百战新闻_条件编译 69:百战新闻_通用登录 70:百战新闻_小程序登录 |
另附本章节课程资料