uni-app框架-1

课程和uni的基本介绍

uni-app的环境搭建并创建项目运行

项目目录和开发规范简单介绍

globalStyle全局外观配置

创建新页面和页面的配置

配置基本的tabbar

tabbar的其他属性配置

condition启动模式配置

text组件的基本使用

view组件的基本使用

uni-app框架-2

button按钮组件的使用

image组件的基本使用

uni中样式的学习及如何使用scss和字体图标

基本的数据绑定

v-bind和v-for的使用

如何注册事件和传递参数及获取到事件对象

生命周期函数的学习

下拉刷新的学习

上拉加载

发送get请求

uni-app框架-3

数据缓存

图片的上传和预览

条件编译跨端兼容

两种方式导航跳转和传参

组件的创建使用和组件的生命周期函数

组件之间的通讯方式

uni-ui组件库的基本介绍和使用

黑马商城项目-1

项目功能介绍

创建项目和清理结构及配置基本外观

完成底部tabbar的配置

获取轮播图的数据

封装$myRequest方法并挂载到全局

完成首页轮播图的渲染

实现导航的基本结构

完成推荐商品结构

完成推荐商品数据渲染

改造导航区域并跳转到商品列表页面

黑马商城项目-2

封装商品列表组件并使用

实现上拉加载更多和下拉刷新

完成联系我们页面的地图和拨打电话

实现社区图片左侧的结构和样式

实现左侧数据渲染和点击高亮

实现右侧数据的渲染

完成图片的预览功能

实现资讯列表的结构和数据的获取

实现news-item组件的封装

实现列表跳转详情并传递id

黑马商城项目-3

完成资讯详情页面

点击商品列表导航至商品详情页

实现商品详情轮播图

实现详情其他部分的结构

完成详情页面的数据渲染

利用uni-ui实现底部导航区域

完成小程序打包发布

完成h5打包

完成安卓打包

博学谷

Uni-App从入门到实战

本课程从零开始，详细讲解环境搭建、数据绑定、生命周期、组件使用、条件注释跨端兼容、导航跳转等Uni-App基础，并结合【黑马商城】项目实战，让你快速熟悉并灵活运用Uni-app框架。适合有一定Vue基础或需要学习小程序开发的学员。

Uni-App从入门到实战

课程详情