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

小程序启动

通过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回调函数里可以处理逻辑。  

 

posted @ 2018-03-17 20:30  jun_zx  阅读(363)  评论(1编辑  收藏  举报