微信小程序开发（三）小程序代码组成1

小程序的代码构成

pages

pages 文件下是小程序页面资源文件，pages/index, pages/logs, 有更多页面的话将会在这里创建更多的文件资源。

index.js

• 获取应用实例的函数 getApp()

const app = getApp()

• 页面生命周期函数 onLoad() 等

  onLoad() {
    if (wx.getUserProfile) {
      this.setData({
        canIUseGetUserProfile: true
      })
    }
  },

• 事件处理函数

  bindViewTap() {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },

navigateTo() 即微信小程序对外提供的API，跳转页面的函数。

index.wxml

与 html 类似

index.wxss

样式，与css类似

utils

公共资源文件，hello world 这个 demo里有一个utils.js 文件，里面写了一些全局可能会用到的方法函数，例如 formatTime() 函数等。

app.js

这个 App() 函数是不是可以理解为创建了一个App进程，onLaunch() 是小程序App的生命周期函数。

config.js

这块是一些项目配置文件。