微信小程序全局邏輯配置(app.js)
小程序中邏輯文件分為頁(yè)面邏輯文件和小程序邏輯文件，app.js便是小程序邏輯文件，在這個(gè)文件中，我們可以通過(guò)App 0函數(shù)注冊(cè)小程序生命周期函數(shù)、全局方法和全局屬性，已注冊(cè)的小程序?qū)嵗梢栽谄渌壿媽哟a中通過(guò)getApp 獲取。
1.注冊(cè)小程序
App (函數(shù)用于注冊(cè)一個(gè)小程序，參數(shù)為一個(gè)Object對(duì)象，在這個(gè)參數(shù)對(duì)象中我們可以注冊(cè)自定義方法和屬性供全局使用，就像在quick start項(xiàng)目中，我們利用App 0 注冊(cè)了用戶登錄信息。App 0函數(shù)必須在app.js中注冊(cè)，且不能注冊(cè)多個(gè)，其參數(shù)屬性如下:
-onLaunch:生命周期函數(shù)，監(jiān)聽(tīng)小程序初始化。當(dāng)小程序初始化完成時(shí)，就會(huì)觸發(fā)onLaunch，onLoaunch事件全局只會(huì)觸發(fā)一次。
-onShow:生命周期函數(shù)，監(jiān)聽(tīng)小程序顯示。當(dāng)小程序啟動(dòng)，或者從后臺(tái)進(jìn)入前臺(tái)顯示時(shí)都會(huì)觸發(fā)onShow。
-onHide:生命周期函數(shù)，監(jiān)聽(tīng)小程序隱藏。當(dāng)小程序從前臺(tái)進(jìn)
入后臺(tái)會(huì)觸發(fā)。
·其他:開(kāi)發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到Object參數(shù)中，這些屬性會(huì)被注冊(cè)到小程序?qū)ο笾校渌壿嬑募梢酝ㄟ^(guò)getApp 0函數(shù)獲取已注冊(cè)的小程序?qū)嵗?/span>
關(guān)于小程序生命周期函數(shù)的執(zhí)行時(shí)機(jī)我們要特別講解一下:當(dāng)啟動(dòng)一個(gè)小程序時(shí)，首先會(huì)先依次觸發(fā)onLaunch和onShow方法，然通過(guò)app.json的pages屬性注冊(cè)相應(yīng)的頁(yè)面，最后根據(jù)默認(rèn)路徑加首頁(yè);當(dāng)用戶點(diǎn)擊左上角關(guān)閉，或者按了設(shè)備Home按鈕離開(kāi)微信時(shí)小程序并沒(méi)有直接銷毀，而是進(jìn)入了后臺(tái)，這兩種情況都會(huì)觸onHide方法;當(dāng)再次喚醒微信(針對(duì)點(diǎn)擊Home按鈕離開(kāi)微信)或次從微信中打開(kāi)小程序時(shí)，又會(huì)從后臺(tái)進(jìn)入前臺(tái)，這時(shí)會(huì)觸onShow方法。只有當(dāng)小程序進(jìn)入后臺(tái)一定時(shí)間，或者系統(tǒng)資源占過(guò)高，才會(huì)被真正銷毀。
注冊(cè)小程序示例代碼如下:
App( {
onLaunch : function(){
Ⅱ小程序初始化完成時(shí)執(zhí)行},
onShow : function() {l顯示小程序時(shí)執(zhí)行},
onHide : function() {
Ⅱ隱藏小程序時(shí)執(zhí)行
},
globalFunction:我是全局函數(shù)'，globalData:我是全局屬性'
});
⒉.獲取小程序?qū)嵗?/span>
注冊(cè)小程序后，在其他邏輯文件中，可以通過(guò)全局函數(shù)getApp 0獲取小程序?qū)嵗?，例?/span>:
var app = getApp();
console.log( app.globalData );
在App (注冊(cè)的函數(shù)中，我們可以使用this直接獲取App實(shí)例，而不用getApp 0方法。通過(guò)getApp (獲取實(shí)例后，可以獲取注冊(cè)的屬性、調(diào)用注冊(cè)的方法，但不要私自調(diào)用生命周期函數(shù)(onLaunch、onShow、onHide)，這樣會(huì)打亂項(xiàng)目邏輯，除非你已經(jīng)對(duì)它們很熟悉。
2.3.3 全局樣式(app.wxss)
app.wxss是全局樣式表，對(duì)項(xiàng)目中每個(gè)頁(yè)面都有效，可將一些系統(tǒng)級(jí)別的統(tǒng)一樣式風(fēng)格寫入這個(gè)文件，頁(yè)面渲染時(shí)，框架頁(yè)中的.wxss文件樣式會(huì)覆蓋app.wxss中相同的選擇器樣式。WXSS是小程序基于CSS拓展的一套樣式語(yǔ)言，它實(shí)現(xiàn)了CSS大部分規(guī)則，其具體介紹請(qǐng)參考下一節(jié)。
小程序框架主體相關(guān)的文件app.json、app.js、app.wxss我們已經(jīng)全部介紹完成，下面為大家介紹框架頁(yè)面相關(guān)的文件。
您當(dāng)前瀏覽的文章：《微信小程序全局邏輯配置(app.js)》由小程序開(kāi)發(fā)服務(wù)品牌九尾狐整理發(fā)布。
轉(zhuǎn)載請(qǐng)注明：http://www.jytsl.com.cn/shows/6/22.html
文章標(biāo)簽：
