为了账号安全,请及时绑定邮箱和手机立即绑定

uni-app 5小时快速入门

慕村6345035 Web前端工程师
难度入门
时长 5小时18分
学习人数
  • 所谓防抖,就是指触发事件后,就是把触发非常频繁的事件合并成一次去执行。即在指定时间内只执行一次回调函数,如果在指定的时间内又触发了该事件,则回调函数的执行时间会基于此刻重新开始计算。
    查看全部
    0 采集 收起 来源:课程介绍

    2020-08-23

  • components: 组件目录

    hybrid: 存放本地网页的目录

    pages:业务页面文件存放的目录

    platforms:存放各平台专用页面的目录

    static: 存放应用应用静态资源

    wxcomponents:存放小程序组件的目录

    App.vue :Vue初始化入口文件

    main.js: 应用配置,用来配置App全局样式以及监听

    mainifest.json:配置应用名称、appid、logo、版本打包信息

    pages.json :配置页面路由、导航条、选项卡等页面类信息http://img1.sycdn.imooc.com//5f422bed0001c32411610655.jpg

    http://img1.sycdn.imooc.com//5f422ec90001d46f11650659.jpg

    查看全部
    0 采集 收起 来源:目录结构说明

    2020-08-23

  • 这节课主要介绍课程的大致讲课方向,了解uni-app开发todo应用。

    uniapp的语法结构:1.自定义组件 2.基础组件3.生命周期 4.语法 5.路由 6.api 7.vue语法补充


    学习建议:

    1:熟悉相关文档

    2:好记性不如烂笔头,跟着一起写

    3:思考(学会自己思考)

    查看全部
    0 采集 收起 来源:课程介绍

    2020-08-23

  • 页面要全部加入pages,第一项为首页

    查看全部
  • 跳转 A -> B,A 页面不会卸载;由左上返回,B -> A,B 页面会被卸载,A 页面保持已经初始化的状态,仅触发 onShow 

    查看全部
  • 跳转页面的方法:

    1. 使用组件  <navigator url="要跳转的页面路径">组件跳转</navigator>

    2. 使用api  

      (1)uni.navigateTo  保留当前页面 跳转到某个页面,使用uni.navigateBack可以回到原页面。参数url

      (2)uni.redirectTo 关闭当前页面,跳转某个页面,跳转非tabBar的页面的路径路径后可带参数

      (3)uni.reLaunch 关闭所有页面,包括tabBar

      (4)uni.switchTab 跳转到tabBar页面,并关闭其他非tabBar页面

    api返回  uni.navigateBack  ,参数delta:返回页面层数

    查看全部
  • 4-4指导用阿里icon
    查看全部
  • 页面布局设置

    查看全部
  • 目录结构说明1

    查看全部
    0 采集 收起 来源:目录结构说明

    2020-06-24

  • 目录结构说明

    查看全部
    0 采集 收起 来源:目录结构说明

    2020-06-24

  • 尺寸的计算单位:

    查看全部
    0 采集 收起 来源:布局与样式

    2020-06-23

  • 1、class:

         1)静态选择器:class="content"、:class="content"

         2)数组::class="[content,background]"

         3)对象::class="{'content':boolean}"

    2、style:

         1)静态选择器:

         2)数组:

         3)对象::


    查看全部
  • navigateTo({url:'....'}):保留当前页面,跳转到应用内的某个页面

    redirectTo({url:'....'}):关闭当前页面,跳转到应用内的某个页面

    reLaunch({url:'....'}):关闭所有页面,打开到应用内的某个页面(跳转后,左上角的返回箭头隐藏)

    switchTab({url:'....'}):跳转到tabBar页面,并关闭其他所有非tabBar页面(如果是非tabBar页面,会报错)

    navigateBack({delta:'....'}):关闭当前页面,返回上一页面或者多级页面

    查看全部
  • onLoad:1、请求后台接口  2、渲染前的操作

    onReady:获取节点信息

    查看全部
  • 注意:点返回的操作,触发的是onUnload

    查看全部

举报

0/150
提交
取消
¥69.00
立即购买
课程须知
1、必须的储备知识:HTML、CSS、JavaScript、Vue.js 基本了解 2、最好了解过小程序开发,不了解也可以。
老师告诉你能学到什么?
1、快速入门uni-app 框架,掌握基础语法、生命周期、组件、路由等 2、使用uni-app开发简单跨端应用
加群二维码
  • 慕课前端核心用户群
  • 群号:908286289
  • 付费用户专享
  • 技术学习型社群

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!