微信小程序--js文件-蒲公英云

微信小程序--js文件

小鱼儿 2021-10-23 07:55 642阅读 0赞

微信小程序–js文件（逻辑层）

微信小程序这个前端系统分为视图层和逻辑层；视图层与HTML页面结构相似，逻辑层由JavaScript编写，实现数据的加工和判断处理等操作；

逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈；为了方便微信小程序的开发，官方在JavaScript的基础上进行了一些修改和封装：

1.提供了APP和Page方法，用来程序和页面的注册；
2.提供丰富的API，比如扫一扫，微信支付等；
3.每个页面有独特的作用域，并提供模块化能力
4.由于框架并不是在浏览器中运行，所以JavaScript在Web上的一些能力无法使用，如不能访问document和Window等对象
5.开发者写的所有代码最终将会打包成一份JavaScript，并在小程序启动的时候运行，直到小程序销毁

app.js之App()：

每个微信小城必须在app.js里面进行程序的注册，并且只能注册一次；因此，主逻辑文件app.js必须包含注册的方法

注册微信小程序直接使用App()函数即可，该函数的参数是一个JSON对象；在这个对象中，可指定小程序的生命周期函数；可定义三个生命周期函数：

1. onLaunch: 当小程序初始化完成时，会触发这里定义的 onLaunch，全局只触发一次
2. onShow：当小程序启动，或从后台进入前台显示，会触发onShow
3. onHide：当小程序从前台进入后台时，会触发onHide

app.js之Page()：

微信小程序中，每个页面也必须使用page()函数进行注册，与APP()函数注册程序的函数类似，page()函数也需要一个JSON对象作为参数，其中可定义页面的生命周期函数，还可以编写自定义函数来响应页面的事件；更为重要的是，在参数中有一个名为data的属性，用来定义页面中使用到的数据

// pages/login/login.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  },
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  },
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  },
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  },
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  }
})