微信小程序 常用屬性 助你少走彎路

一  圖片顯示模式    圖片懶加載  lazy-load 

 

二  頁面傳參數 （還在天真的帶參數在url 後面嗎？）直接改變上個 頁面的參數 還能調用 方法

//獲取已經打開的頁面的數組
var pages = getCurrentPages();
//獲取上一個頁面的所有的方法和data中的數據
 var lastpage = pages[pages.length - 2]
//改變上一個頁面中的data中的數據
 lastpage.setData({
 flag: false,
 })
 var s = this.data.datas
//調用上一個頁面中的changeData方法
lastpage.changeData(s)

三  彈框提醒 

//自動消失的彈框
wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})
//關閉彈窗
wx.hideToast()


//不會自動顯示的彈框
wx.showLoading({
  title: '加載中',
})

//關閉彈窗
wx.hideLoading()

//模態框
wx.showModal({
  title: '提示',
  content: '這是一個模態彈窗',
  success: function(res) {
    if (res.confirm) {
      console.log('用戶點擊確定')
    } else if (res.cancel) {
      console.log('用戶點擊取消')
    }
  }
})

四  監聽頁面 高度

 // 監聽頁面滑動高度
  onPageScroll: function (e) {
    console.log(e);//{scrollTop:99}
  },

//設置頁面高度
wx.pageScrollTo({
  scrollTop: 0,
  duration: 300
})