符合中小企业对网站设计、功能常规化式的企业展示型网站建设
本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...
商城网站建设因基本功能的需求不同费用上面也有很大的差别...
手机微信网站开发、微信官网、微信商城网站...
本篇内容介绍了“微信小程序怎么注册页面”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
辛集网站建设公司成都创新互联公司,辛集网站设计制作,有大型网站制作公司丰富经验。已为辛集成百上千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的辛集做网站的公司定做!
注册过小程序之后,接下来注册页面。
代码说明
//index.js
//获取应用实例
var app = getApp()
Page({
data: {
motto: 'Hello World',
userInfo: {}
},
//事件处理函数
bindViewTap: function() {
wx.navigateTo({
url: '../logs/logs'
})
},
onLoad: function () {
console.log('onLoad')
var that = this
//调用应用实例的方法获取全局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
})
}
})
Page函数
Page()
函数接受一个 object 参数,用来注册一个页面。它可以指定页面的初始数据、生命周期函数、事件处理函数等。
初始化数据
data属性指定的数据在页面第一次描画时使用。本例中定义了两个数据:motto和userinfo。
事件处理
bindViewTap函数是在index.wxml中绑定到用户信息表示容器上的。每当用户点击该容器,这个函数就会被调用。它的内容很简单,就是迁移到log画面。
生命周期函数
本例中注册了onLoad函数,它会在页面加载时自动调用。
onLoad函数以函数对象为参数调用app.getUserInfo函数。而这个函数对象以userinfo为参数,功能是将userinfo设置到页面数据的userinfo对象上。
JavaScript知识
在调用app.getUserInfo传递了一个匿名的函数对象。这个对象至少有两点是C程序员不习惯的。
this和that
代码中首先定义了一个that变量并将this赋值给它,然后使用that调用setData函数。这么做是因为javascript的this指针指向的是调用函数的上下文。而这个函数在app.getUserInfo中调用,所以不能直接使用this,而只能使用事先准备好,指向本页面对象的that。
函数对象
在app.js中,作为参数传递给getUserInfo的函数对象cb是这样被调用的:
typeof cb == "function" && cb(this.globalData.userInfo)
我们可以用&&符号将表达式分为两部分,左边是取得cb的类型,确认是否是"function”,如果是则继续执行右半部分,以this.globalData.userInfo为参数调用cb函数;如果cb的类型不是"function",因为表达式已经为假,所以不会调用cb函数。
换一种写法,其实就是:
if(typeof cb == "function")
{
cb(this.globalData.userInfo)
}
“微信小程序怎么注册页面”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!