开发小程序心得

1、开发小程序不能用这种jQuery的思维，要改为通过操作js数据控制ui，通过接收事件获取ui输入。

2、全局函数App  , App() 函数用来注册一个小程序。接受一个 Object 参数，其指定小程序的生命周期回调等。

//注册小程序

App({
  onLaunch: function(options) {
    // Do something initial when launch. 生命周期回调—监听小程序初始化  小程序初始化完成时（全局只触发一次）
  },
  onShow: function(options) {
    // Do something when show.  小程序启动，或从后台进入前台显示时
  },
  onHide: function() {
    // Do something when hide.  小程序从前台进入后台时
  },
  onError: function(msg) {
    console.log(msg)  // 小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息
  },
  globalData: 'I am global data'
})

// 获取单列实例

var appInstance = getApp()



3、Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数，其指定页面的初始数据、生命周期回调、事件处理函数等。

/index.js
Page({
　// Object 页面的初始数据
  data: {
    text: "This is page data."
  },
  // Function 生命周期回调—监听页面加载  页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。onLoad(Object query)

  onLoad: function(options) {
    // Do some initialize when page load.
  },
// Function 生命周期回调—监听页面初次渲染完成 页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。
  onReady: function() {
    // Do something when page ready.
  },
//Function 生命周期回调—监听页面显示
  onShow: function() {
    // Do something when page show.
  },
//生命周期回调—监听页面隐藏
  onHide: function() {
    // Do something when page hide.
  },
//生命周期回调—监听页面卸载
  onUnload: function() {
    // Do something when page close.
  },
//监听用户下拉动作
  onPullDownRefresh: function() {
    // Do something when pull down.
  },
//页面上拉触底事件的处理函数
  onReachBottom: function() {
    // Do something when page reach bottom.
  },
//用户点击右上角转发
  onShareAppMessage: function () {
    // return custom share data when user share.
  },
//页面滚动触发事件的处理函数
  onPageScroll: function() {
    // Do something when page scroll
  },
 // 当前是 tab 页时，点击 tab 时触发
  onTabItemTap(item) {
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // Event handler.
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  customData: {
    hi: 'MINA'
  }
})