小程序如何加載的呢？生命周期！源碼：https://github.com/limingios/wxProgram.git 中的No.3

創(chuàng)新互聯(lián)建站服務(wù)項(xiàng)目包括青浦網(wǎng)站建設(shè)、青浦網(wǎng)站制作、青浦網(wǎng)頁(yè)制作以及青浦網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，青浦網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到青浦省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

加載頁(yè)面

• 小程序默認(rèn)加載的pages中的第一個(gè)目錄

不管你的名稱，只管你的順序

• 其他目錄需要通過觸發(fā)才能加載

生命周期

相關(guān)的框架的時(shí)候都有生命周期的概念，通過了解生命周期更好的把控框架的使用！

• onLaunch

  第一次打開小程序的初始化，也被調(diào)用一次。

• onShow

  隨著第一次onLaunch的時(shí)候觸發(fā)，小程序打開前臺(tái)展現(xiàn)。

• onHide

  小程序從前臺(tái)到后臺(tái)的轉(zhuǎn)變，就是隱藏到后臺(tái)去了。

場(chǎng)景：在用手機(jī)上使用微信，這時(shí)候點(diǎn)擊手機(jī)的home鍵，微信就退入后臺(tái)去，觸發(fā)onHide事件，我們雙擊home鍵，把任務(wù)管理器打開，顯示出來微信，這時(shí)候就觸發(fā)onShow事件，

• onError

  小程序出現(xiàn)錯(cuò)誤的時(shí)候，就在這了拋出來，有點(diǎn)像java開發(fā)的exception。

• 其他

  小程序提供給開發(fā)者定義一些參數(shù)，數(shù)字對(duì)象或者是函數(shù)，可以通過私有的js進(jìn)行調(diào)用。可能不太理解吧，以后會(huì)講清楚的。

• 官網(wǎng)最靠譜：https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html

演示微信小程序的生命周期

• 修改app.js

//app.js
App({
??onLaunch:?function?(options)?{
????console.log("onLaunch")
??},
??onShow:?function?(options)?{
????console.log("onShow")
??},
??onHide:?function?()?{
????console.log("onHide")
??},
??onError:?function?(msg)?{
????console.log("onError")
??},
??globalData:?'I?am?global?data'
})

• 編譯
  > console.log打印了onLaunch 和 onShow

• 全部對(duì)象的調(diào)用方式
  >test.js 和 test.wxml ，test.js先初始化獲取全局實(shí)例，通過全局實(shí)例獲取到全局變量，將全局變量賦值給頁(yè)面數(shù)據(jù)上motto上。test.wxml是通過數(shù)據(jù)綁定的方式獲取motto的值。

//test.js
Page({
??data:?{
????motto:?'Hello?World',
????userInfo:?{},
????hasUserInfo:?false,
????canIUse:?wx.canIUse('button.open-type.getUserInfo')
??},
??onLoad:?function?()?{
????//獲取應(yīng)用實(shí)例
????const?app?=?getApp();
?????//獲取應(yīng)用實(shí)例里面的全局變量
????console.log(app.globalData);
????this.setData({
??????//全局變量賦值給頁(yè)面的變量
??????motto:app.globalData
????})
??}
})

{{motto}}

PS：小程序的默認(rèn)加載，小程序的生命周期，小程序的全局對(duì)象調(diào)用。