小程序4(注册page)

news/2024/7/20 1:20:13 标签: 小程序

小程序有很多页面文件
每个页面文件有一个js文件,在js文件里调用Page方法称为注册页面
一般情况,每个页面都需要调用Page注册页面

注册了Page后我们可以在Page里干什么
1、在生命周期函数里发送网络请求,从服务器获取数据,比如在onLoad函数里通过request获取服务器里的数据
2、初始化一些数据,方便wxml引用展示
3、监听wxml的一些事件,绑定相对应的事件函数,比如监听button的点击,在js里定义button绑定的函数
4、其他事件的一些监听(页面滚动、上拉刷新、下拉加载)
Page的官方文档

常用的使用方法代码显示

// pages/home/home.js
Page({
  // ---------2、初始化数据----------
  data: {
    message: 'hhhh',
    list: []

  },
  // -----------1、监听页面的生命周期函数-----------
  // 页面被加载出来时
  onLoad: function () {
    //向服务器发送请求获取数据
    // wx.request({
    //   url: 'http://123.207.32.32:8000/recommend',
    //   //使用=>可以使this指针不易出错,这里的this是一层一层向上找的
    //   success: (res) => {
    //     const data=res.data.data.list;
    //     // 使用setData每次值改变时会自动刷新页面
    //     this.setData({
    //       list:data
    //     })
    //   }
    // })
  },
  // 页面初次渲染时
  onReady: function () {

  },
  // 页面显示出来时
  onShow: function () {

  },
  //页面被隐藏时
  onHide: function () {

  },
  //两个页面跳转时,关闭其中的一个页面时会被调用
  onUnload: function () {

  },
// ---------3、监听wxml中的一些事件----------
//eg.button/view点击时绑定的一些函数
  handleViewClick(){
    console.log("view被点击了")
  },

// ---------4、其他的一些监听------------
// 监听页面的滚动 
onPageScroll(obj){
  console.log(obj)
  // const data=obj.scrollTop
  // this.setData({
  //   list:data
  // })
},
// 监听页面是否滚动到底部 在做下拉刷新的时候可以用
onReachBottom(){
  console.log('页面滚动到底部')
},
// 监听下拉刷新 要在json文件中打开允许下拉
onPullDownRefresh(){
  console.log("下拉刷新了")
}

})


http://www.niftyadmin.cn/n/1756440.html

相关文章

Vim常用命令演示

文章目录Vim命令1. 打开文件2.模式转换2.1 命令模式->编辑模式(常用)2.2 输入模式->命令模式2.3 命令模式->末行模式2.4 末行模式->命令模式3.关闭文件3.1 命令模式下关闭3.2 末行模式下关闭4.光标跳转(命令模式下)4.…

IP地址、网关、域名的简装理解

文章目录IPv4分类(点分十进制表示)子网掩码(NETMASK)网关(GATEWAY)域名解析(DNS)常用命令宏观上,全球13台根服务器,从A到M命名IPv4时代(32位IP地址)&#xff…

配置静态IP、虚拟网卡的简装理解

文章目录虚拟机静态IP主机配置静态IP虚拟网卡三种模式的区别主机内有多个网卡虚拟机有三个虚拟网卡:VMnet0(桥接模式),VMnet1(仅主机模式),VMnet8(NAT模式)eg.当Centos7虚拟机选择NAT模式时&…

Docker常用命令使用演示

文章目录docker 信息镜像操作容器操作虚拟机和容器间相互复制文件在docker容器出错时,需要重启docker使用linux命令:systemctl restart dockerdocker 信息 docker version 查看docker版本号 docker info 查看docker的信息、服务、容器的信息 docker …

mysql+tomcat+nginx搭建web项目集群

文章目录单一架构和集群架构概念部署1、下载镜像2、启动Mysql、导入数据3、启动tomcat容器(3个)、部署项目4、启动Nginx容器单一架构和集群架构概念 单一架构 单一架构缺点:    同时容纳在线人数数量有限    不容灾,一个崩…

wordpress+Dockerfile+docker-compose 自动化编排个人博客系统服务

文章目录一、docker容器数据的持久化使用volume挂载卷(最佳方式)docker volume的一些命令mysql使用volume使用Mounted挂载文件和文件夹二、实现WordPress搭建个人博客系统wordpress是个啥部署三、Dockerfile实现自定义镜像Dockerfile的作用自定义一个mys…

使用docker搭建redis集群和mysql集群

文章目录一、redis 和 mysql数据库二、redis-cluster搭建redis集群1、 redis集群原理2、部署(1)构建自定义的redis基础镜像(2)构建redis节点镜像(3)配置集群(4)附录--redis集群的命令…

Linux-用户和组账户管理(不知道是不是史上最全)

文章目录用户和组账户管理简介1、概念及配置文件/etc/passwd/etc/shadow/etc/group2、Linux用户分类3、 Linux用户命令添加用户命令:useradd删除用户 userdel修改用户 usermod用户口令管理 passwd4、用户组命令新增用户组 groupadd删除用户组 groupdel修改用户组属性…