小程序生命周期
小程序生命周期分為應(yīng)用哗戈、頁(yè)面和組件三個(gè)部分
- 應(yīng)用的生命周期
App() 函數(shù)用來(lái)注冊(cè)一個(gè)小程序。接受一個(gè) Object 參數(shù)滋戳，其指定小程序的生命周期回調(diào)等章姓。
App() 必須在 app.js 中調(diào)用，必須調(diào)用且只能調(diào)用一次煤搜。
用戶(hù)首次打開(kāi)小程序免绿，觸發(fā) onLaunch 方法（全局只觸發(fā)一次）。
小程序初始化完成后擦盾，觸發(fā) onShow 方法针姿，監(jiān)聽(tīng)小程序顯示。
小程序從前臺(tái)進(jìn)入后臺(tái)厌衙，觸發(fā) onHide 方法距淫。
小程序從后臺(tái)進(jìn)入前臺(tái)顯示，觸發(fā) onShow 方法婶希。
onError // 錯(cuò)誤監(jiān)聽(tīng)函數(shù)榕暇。小程序發(fā)生腳本錯(cuò)誤，或者 api 調(diào)用失敗時(shí)觸發(fā)喻杈，會(huì)帶上錯(cuò)誤信息
- 頁(yè)面的生命周期
Page(Object)函數(shù)用來(lái)注冊(cè)一個(gè)頁(yè)面彤枢。接受一個(gè) Object 類(lèi)型參數(shù)，其指定頁(yè)面的初始數(shù)據(jù)筒饰、生命周期回調(diào)缴啡、事件處理函數(shù)等。
onLoad:// 生命周期回調(diào)—監(jiān)聽(tīng)頁(yè)面加載
onReady:// 生命周期回調(diào)—監(jiān)聽(tīng)頁(yè)面初次渲染完成
onShow:// 生命周期回調(diào)—監(jiān)聽(tīng)頁(yè)面顯示
onHide: // 生命周期回調(diào)—監(jiān)聽(tīng)頁(yè)面隱藏
onUnload: // 生命周期回調(diào)—監(jiān)聽(tīng)頁(yè)面卸載
onPullDownRefresh: // 監(jiān)聽(tīng)用戶(hù)下拉動(dòng)作
onReachBottom: // 頁(yè)面上拉觸底事件的處理函數(shù)
onShareAppMessage: // 用戶(hù)點(diǎn)擊右上角轉(zhuǎn)發(fā)
onPageScroll: // 頁(yè)面滾動(dòng)觸發(fā)事件的處理函數(shù)
onResize:// 頁(yè)面尺寸改變時(shí)觸發(fā)
onTabItemTap: // 當(dāng)前是 tab 頁(yè)時(shí)瓷们，點(diǎn)擊 tab 時(shí)觸發(fā)
- 組件的生命周期
組件的生命周期业栅，指的是組件自身的一些函數(shù)秒咐，這些函數(shù)在特殊的時(shí)間點(diǎn)或遇到一些特殊的框架事件時(shí)被自動(dòng)觸發(fā)。
其中碘裕，最重要的生命周期是 created attached detached 携取，包含一個(gè)組件實(shí)例生命流程的最主要時(shí)間點(diǎn)。
created 組件實(shí)例化帮孔，但節(jié)點(diǎn)樹(shù)還未導(dǎo)入雷滋，因此這時(shí)不能用setData
attached 組件初始化完畢，節(jié)點(diǎn)樹(shù)完成文兢，可以用setData渲染節(jié)點(diǎn)晤斩，但無(wú)法操作節(jié)點(diǎn)
ready 組件布局完成，這時(shí)可以獲取節(jié)點(diǎn)信息姆坚，也可以操作節(jié)點(diǎn)
moved 組件實(shí)例被移動(dòng)到樹(shù)的另一個(gè)位置
detached 組件實(shí)例從節(jié)點(diǎn)樹(shù)中移除
組件所在頁(yè)面的生命周期, 指的是那些并非與組件有很強(qiáng)的關(guān)聯(lián)澳泵，但有時(shí)組件需要獲知，以便組件內(nèi)部處理的生命周期旷偿，在 pageLifetimes 定義段中定義烹俗。
show 組件所在的頁(yè)面被展示時(shí)執(zhí)行
hide 組件所在的頁(yè)面被隱藏時(shí)執(zhí)行
resize 組件所在的頁(yè)面尺寸變化時(shí)執(zhí)行
2.小程序數(shù)據(jù)綁定
微信小程序是通過(guò)狀態(tài)模式-單向數(shù)據(jù)流的方式來(lái)實(shí)現(xiàn)數(shù)據(jù)綁定的爆侣。
對(duì)象狀態(tài)化萍程，只要對(duì)象狀態(tài)發(fā)送變化，就通知頁(yè)面更新視圖元素兔仰。 通過(guò)以下三個(gè)步驟實(shí)現(xiàn)：
識(shí)別哪個(gè)UI元素被綁定了相應(yīng)的對(duì)象茫负。
監(jiān)視對(duì)象狀態(tài)的變化。
將所有變化傳播到綁定的視圖上乎赴。
3. 小程序路由忍法，簡(jiǎn)述五個(gè)路由的區(qū)別
wx.navigateTo()：保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面榕吼。但是不能跳到 tabbar 頁(yè)面
wx.redirectTo()：關(guān)閉當(dāng)前頁(yè)面饿序，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。但是不允許跳轉(zhuǎn)到 tabbar 頁(yè)面
wx.switchTab()：跳轉(zhuǎn)到 tabBar 頁(yè)面羹蚣，并關(guān)閉其他所有非 tabBar 頁(yè)面
wx.navigateBack()關(guān)閉當(dāng)前頁(yè)面原探，返回上一頁(yè)面或多級(jí)頁(yè)面⊥缢兀可通過(guò) getCurrentPages() 獲取當(dāng)前的頁(yè)面棧咽弦，決定需要返回幾層
wx.reLaunch()：關(guān)閉所有頁(yè)面，打開(kāi)到應(yīng)用內(nèi)的某個(gè)頁(yè)面
4.小程序登錄流程
微信小程序端調(diào)用wx.login胁出，獲取登錄憑證（code）型型，并調(diào)用接口，將code發(fā)送到第三方客戶(hù)端全蝶，第三方服務(wù)器端調(diào)用接口闹蒜，用code換取session_key和openid寺枉，第三方服務(wù)器端拿到請(qǐng)求回來(lái)的session_key和openid，先留著嫂用，不能給客戶(hù)端型凳；然后用操作系統(tǒng)提供的真正隨機(jī)數(shù)算法生成一個(gè)新的session，叫3rd_session嘱函，將3rd_session作為key甘畅，微信服務(wù)端返回的session_key和openid作為值，保存起來(lái)往弓。
小程序每次請(qǐng)求都將3rd_session放在請(qǐng)求頭里疏唾，第三方服務(wù)端解析判斷合法性，并進(jìn)行正常的邏輯處理函似。
wx.getUserInfo獲取用戶(hù)信息槐脏，需要后臺(tái)解密的時(shí)候，需要在wx.login里面進(jìn)行撇寞，否則code不能匹配成功顿天。
常見(jiàn)問(wèn)題
1、rpx:小程序的尺寸單位蔑担，規(guī)定屏幕為750rpx牌废，可適配不同分辨率的屏幕。
2啤握、本地資源無(wú)法通過(guò)wxss獲取
RE：background-image：可以使用網(wǎng)絡(luò)圖片鸟缕，或者base64，或者使用標(biāo)簽
3排抬、wx.navigateTo無(wú)法打開(kāi)頁(yè)面
RE：一個(gè)應(yīng)用同時(shí)只能打開(kāi)5個(gè)頁(yè)面懂从，請(qǐng)避免多層級(jí)的交互方式，或使用wx.redirectTo
4蹲蒲、tabBar設(shè)置不顯示
RE：①tabBar的數(shù)量少于2項(xiàng)或超過(guò)5項(xiàng)都不會(huì)顯示番甩；
②tabBar寫(xiě)法錯(cuò)誤導(dǎo)致不顯示；
③tabBar沒(méi)有寫(xiě)pagePath字段（程序啟動(dòng)后顯示的第一個(gè)頁(yè)面）
