微信小程序 从零开始的开发,创建空白项目 (2)

创建 pages 目录
在 pages 目录下继续创建 index 目录,然后创建 名为 index 的 Page,
此时,会自动创建出四个文件出来:

index.js
index.json
index.wxml
index.wxss

index.js

// pages/index/index.js
Page({

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

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

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

index.json

{}

index.wxml

<!--pages/index/index.wxml-->
<text>pages/index/index.wxml</text>

index.wxss

/* pages/index/index.wxss */

模拟器显示:

E9B56894-96E5-432F-983D-4E2F9592FD60