微信小程序--js文件

小鱼儿 2021-10-23 07:55 457阅读 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 () {
    
      }
    })