本篇內(nèi)容介紹了“微信小程序怎么注冊(cè)頁面”的有關(guān)知識(shí),在實(shí)際案例的操作過程中,不少人都會(huì)遇到這樣的困境,接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
辛集網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,辛集網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為辛集成百上千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的辛集做網(wǎng)站的公司定做!
注冊(cè)過小程序之后,接下來注冊(cè)頁面。
代碼說明
//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {}
},
//事件處理函數(shù)
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
console.log('onLoad')
var that = this
//調(diào)用應(yīng)用實(shí)例的方法獲取全局?jǐn)?shù)據(jù)
app.getUserInfo(function(userInfo){
//更新數(shù)據(jù)
that.setData({
userInfo:userInfo
})
})
}
})
Page函數(shù)
Page()
函數(shù)接受一個(gè) object 參數(shù),用來注冊(cè)一個(gè)頁面。它可以指定頁面的初始數(shù)據(jù)、生命周期函數(shù)、事件處理函數(shù)等。
初始化數(shù)據(jù)
data屬性指定的數(shù)據(jù)在頁面第一次描畫時(shí)使用。本例中定義了兩個(gè)數(shù)據(jù):motto和userinfo。
事件處理
bindViewTap函數(shù)是在index.wxml中綁定到用戶信息表示容器上的。每當(dāng)用戶點(diǎn)擊該容器,這個(gè)函數(shù)就會(huì)被調(diào)用。它的內(nèi)容很簡(jiǎn)單,就是遷移到log畫面。
生命周期函數(shù)
本例中注冊(cè)了onLoad函數(shù),它會(huì)在頁面加載時(shí)自動(dòng)調(diào)用。
onLoad函數(shù)以函數(shù)對(duì)象為參數(shù)調(diào)用app.getUserInfo函數(shù)。而這個(gè)函數(shù)對(duì)象以u(píng)serinfo為參數(shù),功能是將userinfo設(shè)置到頁面數(shù)據(jù)的userinfo對(duì)象上。
JavaScript知識(shí)
在調(diào)用app.getUserInfo傳遞了一個(gè)匿名的函數(shù)對(duì)象。這個(gè)對(duì)象至少有兩點(diǎn)是C程序員不習(xí)慣的。
this和that
代碼中首先定義了一個(gè)that變量并將this賦值給它,然后使用that調(diào)用setData函數(shù)。這么做是因?yàn)閖avascript的this指針指向的是調(diào)用函數(shù)的上下文。而這個(gè)函數(shù)在app.getUserInfo中調(diào)用,所以不能直接使用this,而只能使用事先準(zhǔn)備好,指向本頁面對(duì)象的that。
函數(shù)對(duì)象
在app.js中,作為參數(shù)傳遞給getUserInfo的函數(shù)對(duì)象cb是這樣被調(diào)用的:
typeof cb == "function" && cb(this.globalData.userInfo)
我們可以用&&符號(hào)將表達(dá)式分為兩部分,左邊是取得cb的類型,確認(rèn)是否是"function”,如果是則繼續(xù)執(zhí)行右半部分,以this.globalData.userInfo為參數(shù)調(diào)用cb函數(shù);如果cb的類型不是"function",因?yàn)楸磉_(dá)式已經(jīng)為假,所以不會(huì)調(diào)用cb函數(shù)。
換一種寫法,其實(shí)就是:
if(typeof cb == "function")
{
cb(this.globalData.userInfo)
}
“微信小程序怎么注冊(cè)頁面”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
當(dāng)前題目:微信小程序怎么注冊(cè)頁面
標(biāo)題網(wǎng)址:http://chinadenli.net/article8/ppdhip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、自適應(yīng)網(wǎng)站、品牌網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈、網(wǎng)頁設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)