使用uniapp的第三个星期

工具: HBuilderX

框架:uniapp

经过了,快三个星期的学习加实践,对uniapp的理解又上升了一个台阶,今天记录几个常用的api及方法

1/介绍一个请求方式:uni.request()   

ajax  请求后台调用接口  常用参数  url(地址) data(请求参数) header(请求头) method(请求方式) success(请求成功回调)   

附加链接:https://uniapp.dcloud.io/api/request/request

2/介绍两个消息提示组件:uni.showToast/Modal()

消息提示框Toast  title(标题) icon(图标,默认√)  position(消息定位)duration(显示时间)

消息确认框Modal   title(标题)content(内容) cancelText(取消按钮设置>默认取消)success(接口调用成功回调)

3/介绍两个获取本地获取数据api:uni.getStorage (异步)  uni.getStorageSync  (同步) 

uni.getStorage   key(本地存储里面的key)success(获取成功回调)

uni.getStorageSync key(本地key  )

具体用法:https://uniapp.dcloud.io/api/storage/storage?id=getstorageinfosync

4/介绍两个路由模式:uni.navigateTo uni.SwitchTab 页面跳转

uni.navigateTo url (跳转路径可以传参数如  : "../index/index?id=123456") 非tabbar 页面跳转

uni.SwitchTab (url)只能用于tabbar 的跳转

5/介绍两个生命周期:onLoad onShow

onLoad 监听页面加载  该方法中获取上个页面传递参数  如  onLoad:function(option){ var id = option.id }打印出来为123456

onShow    监听页面显示  每次页面显示都会触发

具体信息:https://uniapp.dcloud.io/collocation/frame/lifetime

学如逆水行舟,不进则退!!!

我是刚开始学习uniapp 的小菜鸟,希望老鸟们不吝赐教!摸摸哒

猜你喜欢

转载自www.cnblogs.com/poyfx/p/11242147.html