上次讲到程序的创建和一些文件的解释,这些具体讲一讲小程序的方法,因为我们创建小程序时用的是javacsript脚本,所以小程序的也同样支持原生态的JS方法和语法,但不支持jquery的语法,这个需要注意。打开一个首页的index.js文件,如下所示:
Page({
//data数组非常的重要,用来设置一些默认的参数,可以直接即到wxml文件里,例如下面的参数
data: {
a:1,
b:[0,0],
},
在index.wxml文件里,只要使用{{a}}即可输出1的内容,b是定义一个数组,如果需要在index.js文件上即使这些参数,只需要使用var a = this.data.a就能得到该参数的值
//小程序最主要的方法onLoad,就是用户进入这个页面时会调用这个方法,如果是通过switchTab切换跳转到该页面,该方法不会重新加载,只会加载一次,如果需要重新加载,需要使用navigate切换跳转该页面
onLoad: function () {
//处理一些事情,如this.getNewslist();
var b = this.data.b
},
//该方法类似onLoad,也是每次进入页面时都会加载,且无论使用什么方式的切换跳转,只要是重新进入一个页面,都会加载onShow方法,该方法可以在首页里实时更新一些内容,以免用户用switchTab切换时无法看到更新的内容。
onShow: function () {
//使用方式与onLoad完全一样
},
// 页面自定义函数--加载页面的新闻列表,如onLoad方法里所调用
getNewslist: function (){
},
// 页面相关事件处理函数--监听用户下拉动作,就是用户的手机按住页面往下拉时,会调用的函数,这个函数通常用来实时更新一些数据
onPullDownRefresh: function () {
},
下面还有两个不常用的方法,就是用户离开该页面或退出小程序时所要用到的,一般情况用来清除该页面的定时执行的方法,以免用户离开该页面或退出小程序时还在执行这个定时执行的程序。
onHide: function () {
clearInterval(checkLoginInterval)//清除定时执行跳转
},
onUnload: function () {
clearInterval(checkLoginInterval)//清除定时执行加载当前任务
console.log("页面onUnload")
},
})
以上这里都是小程序会用到的一些方法,这些方法使用也是比较简单,结合我们自己在共用的util.js文件里写一些自定义的方法,可以满足我们处理一般的小程序功能了。
如没特殊注明,文章均为方维网络原创,转载请注明来自https://www.szfangwei.cn/news/6521.html