邏輯層
-
注冊(cè)程序
App函數(shù)用來注冊(cè)一個(gè)小程序,用于初始化,接收object參數(shù),指定小程序的生命周期函數(shù)
屬性 類型 描述 觸發(fā)時(shí)機(jī) onLaunch Function 生命周期函數(shù)--監(jiān)聽小程序初始化 當(dāng)小程序初始化完成時(shí),會(huì)觸發(fā) onLaunch(全局只觸發(fā)一次) onShow Function 生命周期函數(shù)--監(jiān)聽小程序顯示 當(dāng)小程序啟動(dòng),或從后臺(tái)進(jìn)入前臺(tái)顯示,會(huì)觸發(fā) onShow onHide Function 生命周期函數(shù)--監(jiān)聽小程序隱藏 當(dāng)小程序從前臺(tái)進(jìn)入后臺(tái),會(huì)觸發(fā) onHide onError Function 錯(cuò)誤監(jiān)聽函數(shù) 當(dāng)小程序發(fā)生腳本錯(cuò)誤,或者 api 調(diào)用失敗時(shí),會(huì)觸發(fā) onError 并帶上錯(cuò)誤信息 其他 Any 開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 Object 參數(shù)中,用 this 可以訪問 -
注冊(cè)頁(yè)面
Page函數(shù)注冊(cè)一個(gè)頁(yè)面,接收一個(gè)object參數(shù),指定頁(yè)面的初始數(shù)據(jù),生命周期函數(shù),事件處理函數(shù)
屬性 類型 描述 data Object 頁(yè)面的初始數(shù)據(jù) onLoad Function 生命周期函數(shù)--監(jiān)聽頁(yè)面加載 onReady Function 生命周期函數(shù)--監(jiān)聽頁(yè)面初次渲染完成 onShow Function 生命周期函數(shù)--監(jiān)聽頁(yè)面顯示 onHide Function 生命周期函數(shù)--監(jiān)聽頁(yè)面隱藏 onUnload Function 生命周期函數(shù)--監(jiān)聽頁(yè)面卸載 onPullDownRefresh Function 頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作 onReachBottom Function 頁(yè)面上拉觸底事件的處理函數(shù) onShareAppMessage Function 用戶點(diǎn)擊右上角轉(zhuǎn)發(fā) onPageScroll Function 頁(yè)面滾動(dòng)觸發(fā)事件的處理函數(shù) onTabItemTap Function 當(dāng)前是 tab 頁(yè)時(shí),點(diǎn)擊 tab 時(shí)觸發(fā) 其他 Any 開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到 object 參數(shù)中,在頁(yè)面的函數(shù)中用 this 可以訪問 分別分析上表函數(shù)及屬性
初始化數(shù)據(jù)
* json對(duì)象由邏輯層傳遞至渲染層
* 渲染層綁定依靠同名key,支持對(duì)象直接訪問
>生命周期函數(shù)
* onLoad: 頁(yè)面加載 **頁(yè)面只會(huì)調(diào)用一次,接收其他頁(yè)面打開此頁(yè)面?zhèn)鬟f的query參數(shù),?后的參數(shù)
* onShow: 頁(yè)面顯示,onHide: 頁(yè)面隱藏,onUnload: 頁(yè)面卸載,
* onReady: 頁(yè)面初次渲染完成 準(zhǔn)備完成,等待與視圖層交互,某些設(shè)置需要等待onReady之后
>頁(yè)面事件函數(shù)
* onPullDownRefresh: 下拉刷新,開啟enablePullDownRefresh,wx.stopPullDownRefresh()可以停止刷新
* onReachBottom: 上拉觸底,onReachBottomDistance設(shè)置觸底距離,滑動(dòng)期間只觸發(fā)一次
* onPageScroll: 頁(yè)面滾動(dòng),參數(shù)為垂直方向滾動(dòng)的距離
* onShareAppMessage: 用戶轉(zhuǎn)發(fā),不定義此函數(shù),無轉(zhuǎn)發(fā)按鈕,返回一個(gè)對(duì)象包含需要時(shí)間處理函數(shù)
* 事件綁定
* Page.prototype.route 獲取當(dāng)前頁(yè)面的路徑
* Page.prototype.setData() 將邏輯層數(shù)據(jù)發(fā)到視圖,并同步到this.data
3.頁(yè)面路由
- 頁(yè)面棧
- getCurrentPages() 獲取當(dāng)前頁(yè)面棧實(shí)例,第一個(gè)數(shù)組表示首頁(yè),最后一個(gè)頁(yè)面表示當(dāng)前頁(yè)面
- 路由方式
4.模塊化
文件作用域
局部變量和全局變量設(shè)置與分別
App({global:1})
模塊化(命名空間)