菲律宾j9集团|Home

135-2716-3909
网站建设资讯详细

微信小程□□□序之一些JS方法的学□□□□习

发表日期:2026-07-24 11:23:39   作者来源:陈应信   浏览:5033   标签:微信小程序    
上次讲到□□□程序的创□□□建和一些•文件的解□□□□释,这些具体□□□讲一讲小□□□程序的方◤法,因为我们□□□□创建小程□□□序时用的□□是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文件里写●一些自定☆义的方法,可以满足□□□□我们处理□□□□一般的小□□□□程序功能□□□了。
 
如没特殊注明,文章均为菲律宾j9集团原创,转载请注明来自https://www.tyjwx.com/news/6521.html