05 組件和ES6在小程序中的應用

一.生命週期函數

1.小程序Page生命週期函數

• onLoad - 監聽頁面加載
• onReady - 監聽頁面初次渲染完成
• onShow - 監聽頁面顯示
• onHide - 監聽頁面隱藏
• onUnload - 監聽頁面卸載
• onPullDownRefresh - 監聽用戶下拉動作
• onReachBottom - 頁面上拉觸底事件的處理函數
• onShareAppMessage - 用戶點擊右上角分享

2.小程序發送網絡請求

• 使用wx.request的方式發送網絡請求，通過success/fail/completea回調函數的形式獲取響應結果

  wx.request({
        url: 'http://localhost:8000/classic/latest',
        data: {},
        method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
        // header: {}, // 設置請求的 header
        success:(res) => {
          // success 回調函數
          // 使用ES6的方式改變this指向
          console.log(res);
        },
        fail:() => {
          // fail 回調函數
        },
        complete:() => {
          // complete 回調函數
          console.log('響應結束');
        }
      })
  

• 當直接在小程序中訪問指定url時會提示url不在以下request合法域名列表中，因爲如果想在小程序訪問外部url時，需要在小程序後臺賬號中添加對應訪問的域名到合法列表中

• 如果在開發階段希望設置訪問域名，點擊設置 -> 項目設置 -> 不校驗合法域名，可以在開發階段設置不屏蔽外部url訪問

未完待續…