Uni-App从入门到实战

《大前端开发》直播班，开课啦！

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app 基础入门课程,让uni-app小白开发者快速熟悉并使用uni-app框架开发简单跨端应用~

难度：中级

共56章节

12167次播放

第1章 uni-app从入门到实战（一）: 课程和uni的基本介绍; uni-app的环境搭建并创建项目运行; 项目目录和开发规范简单介绍; globalStyle全局外观配置; 创建新页面和页面的配置; 配置基本的tabbar; tabbar的其他属性配置; condition启动模式配置; text组件的基本使用; view组件的基本使用
第2章 uni-app从入门到实战（二）: button按钮组件的使用; image组件的基本使用; uni中样式的学习及如何使用scss和字体图标; 基本的数据绑定; v-bind和v-for的使用; 如何注册事件和传递参数及获取到事件对象; 生命周期函数的学习; 下拉刷新的学习; 上拉加载; 发送get请求
第3章 uni-app从入门到实战（三）: 数据缓存; 图片的上传和预览; 条件编译跨端兼容; 两种方式导航跳转和传参; 组件的创建使用和组件的生命周期函数; 组件之间的通讯方式; uni-ui组件库的基本介绍和使用; 项目功能介绍; 创建项目和清理结构及配置基本外观; 完成底部tabbar的配置
第4章 uni-app从入门到实战（四）: 获取轮播图的数据; 封装$myRequest方法并挂载到全局; 完成首页轮播图的渲染; 实现导航的基本结构; 完成推荐商品结构; 完成推荐商品数据渲染; 改造导航区域并跳转到商品列表页面; 封装商品列表组件并使用; 实现上拉加载更多和下拉刷新; 完成联系我们页面的地图和拨打电话
第5章 uni-app从入门到实战（五）: 实现社区图片左侧的结构和样式; 实现左侧数据渲染和点击高亮; 实现右侧数据的渲染; 完成图片的预览功能; 实现资讯列表的结构和数据的获取; 实现news-item组件的封装; 实现列表跳转详情并传递id; 完成资讯详情页面; 点击商品列表导航至商品详情页; 实现商品详情轮播图; 实现详情其他部分的结构; 完成详情页面的数据渲染; 利用uni-ui实现底部导航区域; 完成小程序打包发布; 完成h5打包; 完成安卓打包

讲师介绍

PHPzhong: 全栈工程师

课程必读:: 学习uniapp框架，你需要具备一定的vue基础，熟悉数据绑定，事件注册等内容~

能学到什么:: 1.uniapp生命周期（应用生命周期，页面生命周期）； 2.uniapp数据缓存； 3.路由与页面跳转； 4.发起网络请求； 5.字体图标在uniapp中如何引用； 6.条件编译； 7.样式与布局 ......

uni-app实战课...Uni-App从入门...
下载

取消回复发送

PHP中文网