微信小程序之一些JS方法的学习_成都网站搭建
上次讲到程序的创建和一些文件的解释,这些具体讲一讲小程序的方法,因为我们创建小程序时用的是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文件里写一些自定义的方法,可以满足我们处理一般的小程序功能了。
微信小程序之一些JS方法的学习_成都网站搭建 https://cdnanqi.cn/wangzhanzhizuo/11165.html