微信小程序开发之.js文件

1.注册小程序

1. App()函数用于注册一个小程序，参数为一个Object（可以把它理解成为一个类似于C++里的对象，在里面我们封装了一些基本的数据类型也就是我们所称的属性，还有一些方法，也就是我们所称的函数，只不过形式 可能稍有不同）对象，在这个参数对象中我们可以注册自定义方法和属性供全局使用。App()函数必须在app.js中注册，且不能注册多个，其参数属性如下：

2. onLaunch:生命周期函数，监听小程序初始化。当小程序初始化完成时，就会触发onLaunch，onLaunch事件全局只会触发一次。

3. onShow:生命周期函数，监听小程序显示。当小程序启动，或者从后台进入前台显示时都会触发onShow。

4. onHide:生命周期函数，监听小程序隐藏。当小程序从前台进入后台时会触发。

5. 其他：可以去微信小程序框架–注册程序
   示例：

    App({
  onLaunch (options) {
    // Do something initial when launch.
  },
  onShow (options) {
    // Do something when show.
  },
  onHide () {
    // Do something when hide.
  },
  onError (msg) {
    console.log(msg)
  },
  globalData: 'I am global data'
})

2. 获取小程序实例
   注册小程序后，在其他逻辑层文件中，可以用过全局函数getApp()获取小程序实例，例如:
   var app = getApp();
   console.log(app.globalData);
   //这两行代码的意思时定义一个app的变量获取小程序实例，通过console.log()函数在控制台输出app.js里的全局变量（一个object对象）里的Data数据

2.页面逻辑文件（JavaScript）

• app.js页面逻辑文件（JavaScript）：页面逻辑文件，其主要功能有：设置初始化数据，注册当前页面生命周期，注册事件处理函数等。小程序的逻辑层文件时JavaScript文件，所有逻辑文件，包括app.js，最终将会打包成js文件，在小程序启动时运行，知道小程序销毁，类似于ServiceWorker所以逻辑层也称为App Service。

• 注册页面
  我们需要通过Page()函数来注册页面，制定页面的初始数据，生命周期函数，事件处理函数等，参数为一个Object对象，其属性如下：

• data:页面初始数据，数据格式必须时可以专程JSON格式的对象类型。当页面第一次渲染时，data会以JSON的形式由逻辑层传至渲染层，渲染层可以通过WXML对数据进行绑定（这边稍微提一下数据绑定，怕自己忘了，也只是现在的理解，数据绑定就是通过一个双括号{{varible}}（Mustache语法）将变量或简单运算规则包起来,在渲染层也就是WXML文件中书写，具体查看微信小程序之数据绑定）。

• onLoad:生命周期函数，页面加载时触发。一个页面只会调用一次，接受页面参数。可以获取wx.navigateTo,wx.redirectTo以及中的query(英文释意：访问，询问)参数。

• onShow:生命周期函数，页面显示时萧护法。每次打开页面就会调用一次。

• onReady:生命周期函数，页面初次渲染完成时触发。一个页面生命周期中只会调用一次，代表当前页面已经准备妥当，可以和视图层进行交互。一些对界面的设置操作需要在页面准备妥当后调用，如wx.setNavigationBarTitle需要在onReady之后设置。

• onHide:生命周期函数，页面隐藏时触发。

• onUnload:生命周期函数，页面卸载时触发。

• onPullDownRefresh:页面相关事件处理函数，用户下拉时触发。使用时需要将app.json配置中window的enablePullDownRefresh属性设置会true。当处理玩数据刷新后，可以调用wx.stopPullDownRefresh方法停止当前页面的下拉刷新。

• onReachBottom:页面上拉触底书简的处理函数。

• 其他：开发者可以添加任意函数或数据到Object参数中，可与用this访问这些函数和数据。
  详细数据可以查看微信小程序之页面注册

    Page({

  /**
   * 页面的初始数据
   */
  data: {
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
/**
*自定义数据
*/
CustomData:{
	name:"Bryant"
}
})

对于success: function(res)的理解：
查询了各种资料，对于res的解释都比较抽象模糊，res可以理解为返回的数据结果对象，它有一些属性，比如常用的res.data表示返回数据结果对象的数据.还有一种写法是res =>类似于function（res）

感谢：

微信小程序官网(微信小程序)
《微信小程序卡法入门及案例详解》
本内容均为本人学习小程序的笔记与一些小心得，并没有想要侵犯他人的内容的意思（内容如有相同。纯属学习），也是刚开始学习微信小程序，因为最近需要完成学校里的一个小作品，所以内容若有错误也欢迎指正，如果又大神可以指点或者同学想要交流的也欢迎加我QQ：1975139932