學(xué)習(xí)地址：https://www.bilibili.com/video/BV1sx411z77P

筆記01：https://blog.csdn.net/weixin_44949135/article/details/107181721【目錄結(jié)構(gòu)詳解、事件、input、scroll-view】

筆記02：https://blog.csdn.net/weixin_44949135/article/details/107191256【配置詳解（頁(yè)面、窗口、tabBar、debug）】

【p01-p12工程文件】【鏈接：https://pan.baidu.com/s/1TONiLPIOX59nh1EqwfjQLA? ?提取碼：zjxs】

目? ?錄

P9 3.1微信小程序的配置詳解

1、app的頁(yè)面配置

2、app的窗口配置

3、app的tabBar配置

4、網(wǎng)絡(luò)超時(shí)配置

5、debug開啟配置

6、頁(yè)面配置

P10?微信小程序的生命周期與app對(duì)象的使用

1、APP的生命周期

2、APP對(duì)象的使用

P11 3.2.2微信小程序頁(yè)面的生命周期和參數(shù)傳遞

1、頁(yè)面的生命周期

2、頁(yè)面跳轉(zhuǎn)的數(shù)據(jù)傳遞

2.1、頁(yè)面跳轉(zhuǎn)---wx.navigateTo({})

2.2、頁(yè)面跳轉(zhuǎn)---wx.redirectTo({})?

2.3、頁(yè)面跳轉(zhuǎn)---tabBar

2.4、頁(yè)面跳轉(zhuǎn)---switchTab

2.5、頁(yè)面跳轉(zhuǎn)---傳遞數(shù)據(jù)

2.6、頁(yè)面跳轉(zhuǎn)---navigator

P12 3.3綜合案例 - 用戶登錄

---

P9 3.1微信小程序的配置詳解

• app的頁(yè)面配置
• app的窗口配置
• app的tabBar配置
• 網(wǎng)絡(luò)超時(shí)配置及debug開啟配置
• 頁(yè)面配置

小程序根目錄下的?app.json?文件用來(lái)對(duì)微信小程序進(jìn)行全局配置。

1、app的頁(yè)面配置

pages

用于指定小程序由哪些頁(yè)面組成，每一項(xiàng)都對(duì)應(yīng)一個(gè)頁(yè)面的 路徑（含文件名） 信息。

文件名不需要寫文件后綴，框架會(huì)自動(dòng)去尋找對(duì)應(yīng)位置的?.json,?.js,?.wxml,?.wxss?四個(gè)文件進(jìn)行處理。

數(shù)組的第一項(xiàng)代表小程序的初始頁(yè)面（首頁(yè)）。小程序中新增/減少頁(yè)面，都需要對(duì) pages 數(shù)組進(jìn)行修改。

2、app的窗口配置

3、app的tabBar配置

4、網(wǎng)絡(luò)超時(shí)配置

?

只影響http請(qǐng)求，只影響發(fā)起請(qǐng)求的API。

5、debug開啟配置

6、頁(yè)面配置

.json：主要是為了覆蓋app.json。

.wxss：主要是為了覆蓋app.wxss。

P10?微信小程序的生命周期與app對(duì)象的使用

1、APP的生命周期

手機(jī)來(lái)電，切換到 后臺(tái)。

前后臺(tái)切換 --> onShow()、onHide()方法

onShow()、onLaunch()作用：游戲場(chǎng)景切換，暫停xxx行為。

【onHide()：暫停游戲行為、釋放資源；onShow()：開啟游戲行為、讀取資源】

2、APP對(duì)象的使用

全局方法、全局變量：每個(gè)頁(yè)面都可以使用。

P11 3.2.2微信小程序頁(yè)面的生命周期和參數(shù)傳遞

小程序頁(yè)面與APP對(duì)象詳解

1、頁(yè)面的生命周期

2、頁(yè)面跳轉(zhuǎn)的數(shù)據(jù)傳遞

2.1、頁(yè)面跳轉(zhuǎn)---wx.navigateTo({})

返回的時(shí)候，調(diào)用onShow()方法。

?

?

2.2、頁(yè)面跳轉(zhuǎn)---wx.redirectTo({})?

使用 wx.redirectTo?，上一個(gè)頁(yè)面直接被卸載（onUnload），無(wú)返回鍵。

?

2.3、頁(yè)面跳轉(zhuǎn)---tabBar

?

2.4、頁(yè)面跳轉(zhuǎn)---switchTab

switchTab?后面，不能加參數(shù)，不能傳遞數(shù)據(jù)。

2.5、頁(yè)面跳轉(zhuǎn)---傳遞數(shù)據(jù)

去掉tabBar，點(diǎn)擊“文章1”可以進(jìn)行跳轉(zhuǎn)。

"tabBar": {"list": [{"pagePath": "pages/index/index","text": "首頁(yè)"},{"pagePath": "pages/logs/logs","text": "詳情"}]},

2.6、頁(yè)面跳轉(zhuǎn)---navigator

<navigator?url="../logs/logs?id=100"?redirect></navigator>

頁(yè)面?zhèn)髦?#xff1a;多個(gè)參數(shù) &?

<navigator?url="../logs/logs?id=100&title=標(biāo)題"?redirect></navigator>

?接收參數(shù)：

onLoad:?function?(options)?{

??console.log("---logs?page?onLoad---");

??console.log(options);

??console.log("options?:?"?+?options);

??this.setData({

????articleId:?options.id

??})

},

P12 3.3綜合案例 - 用戶登錄

index.js 頁(yè)面初始化代碼

Page({//頁(yè)面的初始數(shù)據(jù)data: {},//生命周期函數(shù)--監(jiān)聽頁(yè)面加載onLoad: function (options) {},//生命周期函數(shù)--監(jiān)聽頁(yè)面初次渲染完成onReady: function () {},//生命周期函數(shù)--監(jiān)聽頁(yè)面顯示onShow: function () {},//生命周期函數(shù)--監(jiān)聽頁(yè)面隱藏onHide: function () {},//生命周期函數(shù)--監(jiān)聽頁(yè)面卸載onUnload: function () {},//頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作onPullDownRefresh: function () {},//頁(yè)面上拉觸底事件的處理函數(shù)onReachBottom: function () {},//用戶點(diǎn)擊右上角分享onShareAppMessage: function () {} })

app.js?頁(yè)面初始化代碼

App({//當(dāng)小程序初始化完成時(shí)，會(huì)觸發(fā) onLaunch（全局只觸發(fā)一次）onLaunch: function () {},//當(dāng)小程序啟動(dòng)，或從后臺(tái)進(jìn)入前臺(tái)顯示，會(huì)觸發(fā) onShowonShow: function (options) {},//當(dāng)小程序從前臺(tái)進(jìn)入后臺(tái)，會(huì)觸發(fā) onHideonHide: function () {},//當(dāng)小程序發(fā)生腳本錯(cuò)誤，或者 api 調(diào)用失敗時(shí)，會(huì)觸發(fā) onError 并帶上錯(cuò)誤信息onError: function (msg) {} })

總結(jié)

以上是生活随笔為你收集整理的微信小程序02【配置详解、生命周期-app对象使用、页面跳转详解】的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。