|
作者:杰瑞教育,來(lái)自原文地址
今天我們還是從四個(gè)方面來(lái)了解小程序:
●常用事件和事件冒泡 ●配置 ●app生命周期及app對(duì)象的使用 ●頁(yè)面的生命周期 一、事件的綁定: 事件一方面可以理解成用戶的行為,當(dāng)用戶對(duì)UI層做了某些操作時(shí),程序可以捕捉到操作的類型。如:點(diǎn)擊、長(zhǎng)按、移動(dòng)等。另一方面事件也是一種通訊方式,比如當(dāng)程序運(yùn)行時(shí)來(lái)電話、短信通知時(shí)會(huì)改變當(dāng)前程序的生命周期。常用的事件類別主要有: ●點(diǎn)擊事件:Tap ●長(zhǎng)按事件:longTap ●觸摸事件:touchstart、touchend、touchmove、touchcancel ●其他事件:submit input 等 點(diǎn)擊事件、長(zhǎng)按事件、觸摸事件都屬于冒泡事件,其他事件屬于非冒泡事件。 冒泡事件即事件會(huì)從發(fā)生事件的組件向上傳遞。例: 事件的綁定方式: 1. bind (會(huì)造成事件冒泡) 2. catch (不會(huì)造成事件冒泡) 事件對(duì)象: 調(diào)用事件方法是可以傳入event參數(shù),通過(guò)控制臺(tái)可以看出event中所包含的對(duì)象,如下圖可以更好的看出事件的冒泡機(jī)制: 二、配置 微信小程序的配置文件是以.json為后綴,分為全局配置和頁(yè)面配置,全局配置是在app.json中,頁(yè)面配置是在每個(gè)文件夾下的*.json中,配置項(xiàng)相同是頁(yè)面配置會(huì)覆蓋全局配置,包括樣式文件也是如此。app.json文件來(lái)對(duì)微信小程序進(jìn)行全局配置,決定頁(yè)面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多 tab 等。如下圖所示: app.json 配置項(xiàng)列表: 由于小程序版本更新迭代很快,具體配置項(xiàng)的使用方法請(qǐng)查看開發(fā)文檔: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html 三、app生命周期及app對(duì)象的使用 App生命周期和對(duì)象是在全局app.js中定義的,如圖所示做以下修改: 運(yùn)行結(jié)果如下: app生命周期說(shuō)明:
前臺(tái)、后臺(tái)定義: 當(dāng)用戶點(diǎn)擊左上角關(guān)閉,或者按了設(shè)備 Home 鍵離開微信,小程序并沒(méi)有直接銷毀,而是進(jìn)入了后臺(tái);當(dāng)再次進(jìn)入微信或再次打開小程序,又會(huì)從后臺(tái)進(jìn)入前臺(tái)。只有當(dāng)小程序進(jìn)入后臺(tái)一定時(shí)間,或者系統(tǒng)資源占用過(guò)高,才會(huì)被真正的銷毀。 獲取應(yīng)用實(shí)例app對(duì)象: 在全局js中通過(guò)App(appConfig)設(shè)置了app全局應(yīng)用,在其他頁(yè)面中可以通過(guò)getApp()方法獲取此對(duì)象。下面以自定義全局?jǐn)?shù)據(jù)為例,通過(guò)getApp()獲取對(duì)象實(shí)例,再通過(guò)對(duì)象取得自定義數(shù)據(jù)。
在index.js中獲取app對(duì)象及自定義數(shù)據(jù):
全局?jǐn)?shù)據(jù)最典型的應(yīng)用場(chǎng)景就是保存或獲取用戶的信息,在以后的課程中會(huì)以案例來(lái)講解。
|