微信小程序——小程序的能力

Posted 2020-10-27 xiaojun_zxj

小程序启动

通过app.json里pages字段可以获得页面路径，而写在 pages 字段的第一个页面就是这个小程序的首页(打开小程序看到的第一个页面)，就像下面的代码中，小程序启动后的第一个页面就是index

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ]
}

小程序启动之后，在 app.js 里的 onLaunch 回调会被执行:　

App({
  onLaunch: function () {
    // 小程序启动之后 触发
  }
})

程序和页面

在pages/logs/logs下包含4种文件，首先微信客户端根据logs.json配置生成一个界面，顶部颜色文字在这个json里定义。接着客户端才会加载这个页面WXML和WXSS。最后客户端会装载logs.js。log.js内容如下：

Page({
  data: { // 参与页面渲染的数据
    logs: []
  },
  onLoad: function () {
    // 页面渲染后 执行
  }
})

 Page是一个页面构造器。小程序会把data数据和index.wxml一起渲染，展示小程序页面，渲染之后，onLoad回调函数里可以处理逻辑。