uni-app
2020-02-26 15:27:10 1 举报
AI智能生成
uni-app大致内容
作者其他创作
大纲/内容
uni-app
开始
了解标签
视图容器
view
视图容器。相当div
scroll-view
可滚动视图区域,上下,左右滚动
swiper
轮播图插件
movable-area
movable-view 的可移动区域,父盒子
movable-view
可移动的视图容器,在页面中可以拖拽滑动
基础内容
text
相当于span标签
表单组件
form
@submit
携带 form 中的数据触发 submit 事件
需注意的是,表单其他控件需要加name属性不然为空
@reset
表单重置时会触发 reset 事件
picker
从底部弹起的滚动选择器。支持五种选择器,通过mode来区分,分别是普通选择器,多列选择器,时间选择器,日期选择器,省市区选择器,默认是普通选择器。
picker-view
嵌入页面的滚动选择器
switch
开关选择器
slider
滑动选择器
等与html的无太多差异
媒体组件
camera
页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机
live-pusher
实时音视频录制,也称直播推流。
live-player
实时音视频播放,也称直播拉流
扩展组件
api
基础
生命周期
应用生命周期
onLaunch
初始化完成时触发(全局只触发一次)
onShow
启动,或从后台进入前台显示
onHide
从前台进入后台
onUniNViewMessage
页面发送的数据进行监听
页面生命周期
onLoad
监听页面加载,用于页面传参
监听页面显示,页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面
onReady
监听页面初次渲染完成。注意如果渲染速度快,会在页面进入动画完成前触发
监听页面隐藏
onUnload
监听页面卸载
等
网络
uni.request(发起请求)
uni.uploadFile(上传)
uni.downloadFile(下载)
websocket
路由和页面跳转
uni.navigateTo 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。
uni.redirectTo 关闭当前页面,跳转到应用内的某个页面
uni.reLaunch 关闭所有页面,打开到应用内的某个页面
uni.switchTab 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
uni.navigateBack 关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。
数据缓存
uni.setStorage 将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
uni.setStorageSync 将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口
uni.getStorage 从本地缓存中异步获取指定 key 对应的内容
uni.getStorageSync 从本地缓存中同步获取指定 key 对应的内容
uni.getStorageInfo 异步获取当前 storage 的相关信息
uni.getStorageInfoSync 同步获取当前 storage 的相关信息
uni.removeStorage 从本地缓存中异步移除指定 key
uni.removeStorageSync 从本地缓存中同步移除指定 key
uni.clearStorage 清理本地数据缓存
uni.clearStorageSync 同步清理本地数据缓存
位置
uni.getLocation 获取当前的地理位置、速度
uni.chooseLocation 打开地图选择位置
uni.openLocation 使用应用内置地图查看位置
等。。
媒体
图片
uni.chooseImage 从本地相册选择图片或使用相机拍照。
uni.previewImage 预览图片
uni.getImageInfo 获取图片信息
uni.saveImageToPhotosAlbum 保存图片到系统相册
uni.compressImage 压缩图片接口,可选压缩质量
录音管理
视屏
相机组件
直播组件
富文本
设备
键盘
界面
交互反馈
uni.showToast 显示消息提示框
uni.hideToast 隐藏消息提示框
uni.hideLoading 隐藏 loading 提示框
uni.showModal 显示模态弹窗,类似于标准 html 的消息框:alert、confirm
uni.showActionSheet 显示操作菜单
设置导航条
设置tabBar
下拉刷新
onPullDownRefresh
uni.startPullDownRefresh 开始下拉刷新,调用后触发下拉刷新动画,效果与用户手动下拉刷新一致
uni.stopPullDownRefresh 停止当前页面下拉刷新
节点信息
uni.createSelectorQuery
节点相交状态
uni.createIntersectionObserver 创建并返回一个 IntersectionObserver 对象实例
IntersectionObserver 对象的方法列表
自定义组件
菜单
页面和窗体
文件
0 条评论
回复 删除
下一页