使用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 的小菜鳥，但願老鳥們不吝賜教！摸摸噠