有关uni-app

uni-app
uni-app基于vue语法的全端开发;
直接采用命令安装,搭建项目 , 在微信开发者工具启动(路径dist/dev/mp-weixin)
pages:
index.vue — 页面组件
static:
logo.png — 静态资源
图片一般都放在public中
main.js:
Vue初始化入口文件
manifest.json:
配置应用名称 , appid , logo , 版本等打包信息。

每个vue文件的根节点必须为< template> , 且这个< template>下只能且必须有一个跟< view>组件,里面填写内容

样式:lang=’ scss’
rpx 小程序中的单位 750rpx = 屏幕的宽度
vw h5单位 100vw = 屏幕的宽度 100vh = 屏幕的高度

微信小程序中不支持 * 通配符 一般为 page {}

组件:
在src目录下新建文件夹components用来存放组件
组件的引入 - 注册 - 使用

非H5端不支持*选择器
body的元素选择器请改为page,需要隔离组件样式可以在style标签增加scoped属性
vue页面在App端,默认是被系统 webview 渲染的

生命周期:
uni-app 框架的生命周期结合了vue和微信小程序的生命周期;
全局的APP中使用onLaunch表示应用启动时; — 写在APP.vue onLaunch为应用生命周期
页面中使用onLoad 和 onShow 分别表示页面加载完毕时 和 页面显示时;
组件中使用 mounted组件挂载完毕时;(点开此页面就渲染)

原生的微信小程序的api都是不支持promise
uni-app对大部分的小程序的原生api做了封装 , 使之支持promise,返回数据的第一个参数是错误对象 , 第二个参数是返回数据。

一般常用的几个页面生命周期:

onLoad: 监听页面加载。
onUnload: 监听页面卸载。
onShow: 监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面。
onHide: 监听页面隐藏。
onReady: 监听页面初次渲染完成。
onResize: 监听窗口尺寸变化。
onPullDownRefresh: 监听用户下拉动作,一般用于下拉刷新。
onReachBottom: 页面滚动到底部的事件(不是scrool-view滚到底),常用于下拉下一页数据。
                            使用时可在pages.json里定义具体页面底部的触发举距离,比如50,那么滚动页面到距离底部50px时,就会触发onReachBottom事件。
onShareAppMessage: 用户点击右上角分享。
onShareTimeline: 监听用户点击右上角转发到朋友圈。
onAddToFavorites: 监听用户点击右上角收藏。

**一般常用onLoad 和 onShow 且只能在页面中使用,在组件中不可使用。**
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值