【微信小程序】基础知识（1）

最近想玩一下小程序，想一下上次玩小程序还是大学的候了，日月如梭转眼就已经工作了这么久了。整体上感觉微信小程序跟那时候相比还是有很大的改变的，包括开发工具的界面等等。喜欢倒腾的我emmm准备重新看一遍文档学习一下，讲道理虽然当时写过一些但是已经忘得没影子了。开始啦，小小记录一下下。

app.js整个程序的入口以及全局配置

全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 示例

// app.js
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'
})

// xxx.js列入在page里面获取平全局的globalData;很方便的一个配置
const appInstance = getApp()
console.log(appInstance.globalData) // I am global data

注册页面Page()

//index.js
Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // 页面创建时执行
  },
  onShow: function() {
    // 页面出现在前台时执行
  },
  onReady: function() {
    // 页面首次渲染完毕时执行
  },
  onHide: function() {
    // 页面从前台变为后台时执行
  },
  onUnload: function() {
    // 页面销毁时执行
  },
  onPullDownRefresh: function() {
    // 触发下拉刷新时执行
  },
  onReachBottom: function() {
    // 页面触底时执行
  },
  onShareAppMessage: function () {
    // 页面被用户分享时执行
  },
  onPageScroll: function() {
    // 页面滚动时执行
  },
  onResize: function() {
    // 页面尺寸变化时执行
  },
  onTabItemTap(item) {
    // tab 点击时执行
    console.log(item.index)
    console.log(item.pagePath)
    console.log(item.text)
  },
  // 事件响应函数
  viewTap: function() {
    this.setData({
      text: 'Set some data for updating view.'
    }, function() {
      // this is setData callback
    })
  },
  // 自由数据
  customData: {
    hi: 'MINA'
  }
})

今天一下午看完了工具和组件两个部分，之后就没有记录看的内容了。感觉微信小程序还是比较有意思的。继续吧！爱折腾的沛沛同学加油呀！