• 课程 / PHP

    Uni-App从入门到实战

    第一期大前端直播班,限50名!

    立即报名 >
    介绍章节评论课件
    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。uni-app 基础入门课程,让uni-app小白开发者快速熟悉并使用uni-app框架开发简单跨端应用~
  • 难度:中级
  • 共56章节
  • 11284次播放
  • 第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
    PHPzhong
    全栈工程师
    课程必读:

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

    能学到什么:

    1.uniapp生命周期(应用生命周期,页面生命周期); 2.uniapp数据缓存; 3.路由与页面跳转; 4.发起网络请求; 5.字体图标在uniapp中如何引用; 6.条件编译; 7.样式与布局 ......

    全部评论我要评论

  • 葵花宝典

    葵花宝典2星期前

    啊。。。 这是免费的啊,多谢

    回复
    0

  • 手机用户728685209

    手机用户7286852094星期前

    老师字体图标素材在哪里?

    回复
    0

  • 蓝月

    蓝月4星期前

    这个课程挺不错的呢。

    回复
    0

  • 取消回复发送
  • PHP中文网