您的位置:首页 > 移动开发 > 微信开发

微信小程序入门二:框架逻辑层

2017-01-20 15:09 323 查看
微信小程序入门二

一、逻辑层

在微信小程序框架中,我们通过JavaScript来编写逻辑层的代码。而微信提供了几个方法来进行基本的使用

概览;

App和Page方法:用于程序和页面注册

getApp和getCurrentPages方法:用于获取App实例和当前页面栈

API:微信提供了扫一扫,支付等微信功能

1.1 App() 程序注册

App()函数用来注册应用程序,通过传入一个对象参数来操作程序

参数说明:

onLaunch:程序初始化完成时触发

onShow:程序启动或由后台进入前台时触发

onHide:程序从前台进入后台时触发

onError:程序发生脚本错误时触发

其他:可以在对象内自定义数据或者方法应用于全局作用域中

1.2 getApp()

getApp()函数是一个用于获取小程序实例的全局函数

var appInstance = getApp()
console.log(appInstance)


1.3 Page()

Page()函数用于注册一个页面,传入一个对象作为参数,用于指定初始数据,生命周期函数等

参数说明:

* data:页面初始数据

* onLoad:页面加载时的生命周期函数

* onReady:页面初次渲染完成的生命周期函数

* onShow:页面显示

* onHide:页面隐藏

* onUnload:页面卸载

* onShareAppMessage:右上角分享

* 其他:自定义函数(如事件响应函数等 )

如下:事件处理函数的定义

click me


Page({
viewTap: function() {
console.log('view tap')
}
})


1.3 setData()

作用:用于将数据的改变及时通过到View层进行相应改变,同时改变对应的this.data值

注意:不能直接通过this.data来修改数据,这样会造成数据不一致的问题

参数格式:

传入一个对象作为参数,

例:

Page({

data:{

text:'init data'

},

changeText:function(){

this.setData({

text:'changed data'

})

}

})


1.4 getCurrentPages()

作用:用于获取当前页面实例
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: