微信小程序之一些JS方法的(de)學習(xí)

上次講到程序的(de)創建和(hé)一些文件的(de)解釋，這(zhè)些具體講一講小程序的(de)方法，因爲我們創建小程序時(shí)用(yòng)的(de)是javacsript腳本，所以小程序的(de)也(yě)同樣支持原生态的(de)JS方法和(hé)語法，但不支持jquery的(de)語法，這(zhè)個(gè)需要注意。打開一個(gè)首頁的(de)index.js文件，如下(xià)所示：
 
Page({
//data數組非常的(de)重要，用(yòng)來(lái)設置一些默認的(de)參數,可(kě)以直接即到wxml文件裏，例如下(xià)面的(de)參數
data: {
 a:1,
b:[0,0],
},
在index.wxml文件裏，隻要使用(yòng){{a}}即可(kě)輸出1的(de)内容，b是定義一個(gè)數組，如果需要在index.js文件上即使這(zhè)些參數，隻需要使用(yòng)var a = this.data.a就能得(de)到該參數的(de)值
//小程序最主要的(de)方法onLoad,就是用(yòng)戶進入這(zhè)個(gè)頁面時(shí)會調用(yòng)這(zhè)個(gè)方法，如果是通(tōng)過switchTab切換跳轉到該頁面，該方法不會重新加載，隻會加載一次，如果需要重新加載，需要使用(yòng)navigate切換跳轉該頁面
onLoad: function () {
  //處理(lǐ)一些事情,如this.getNewslist();
var b = this.data.b
},
 //該方法類似onLoad,也(yě)是每次進入頁面時(shí)都會加載，且無論使用(yòng)什(shén)麽方式的(de)切換跳轉，隻要是重新進入一個(gè)頁面，都會加載onShow方法，該方法可(kě)以在首頁裏實時(shí)更新一些内容，以免用(yòng)戶用(yòng)switchTab切換時(shí)無法看到更新的(de)内容。
 onShow: function () {
//使用(yòng)方式與onLoad完全一樣
},

// 頁面自定義函數--加載頁面的(de)新聞列表，如onLoad方法裏所調用(yòng)
getNewslist: function (){
},
 
// 頁面相關事件處理(lǐ)函數--監聽(tīng)用(yòng)戶下(xià)拉動作，就是用(yòng)戶的(de)手機按住頁面往下(xià)拉時(shí)，會調用(yòng)的(de)函數，這(zhè)個(gè)函數通(tōng)常用(yòng)來(lái)實時(shí)更新一些數據
onPullDownRefresh: function () {
}，
下(xià)面還(hái)有兩個(gè)不常用(yòng)的(de)方法,就是用(yòng)戶離開該頁面或退出小程序時(shí)所要用(yòng)到的(de)，一般情況用(yòng)來(lái)清除該頁面的(de)定時(shí)執行的(de)方法，以免用(yòng)戶離開該頁面或退出小程序時(shí)還(hái)在執行這(zhè)個(gè)定時(shí)執行的(de)程序。
  onHide: function () {
    clearInterval(checkLoginInterval)//清除定時(shí)執行跳轉
 
  },
  onUnload: function () {
    clearInterval(checkLoginInterval)//清除定時(shí)執行加載當前任務
    console.log("頁面onUnload")
  },
})

以上這(zhè)裏都是小程序會用(yòng)到的(de)一些方法，這(zhè)些方法使用(yòng)也(yě)是比較簡單，結合我們自己在共用(yòng)的(de)util.js文件裏寫一些自定義的(de)方法，可(kě)以滿足我們處理(lǐ)一般的(de)小程序功能了(le)。