微信小程序——小程序的能力
小程序启动
通过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回调函数里可以处理逻辑。