框架邏輯層(一)

邏輯層

  1. 注冊(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 可以訪問
  2. 注冊(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})
模塊化(命名空間)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容