Author: RyQ Date: 2017/01/09
##Learn to Develop WeChat Mini Program
###Main Code
app.js
脚本代码。监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。
app.json
全局配置。配置小程序是由哪些页面组成,配置小程序的窗口�背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。
app.wxss
公共样式表。可以在页面组件的 class
属性上直接使用 app.wxss
中声明的样式规则。
###App
####App()
函数App()
用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。
onLaunch
生命周期函数--监听小程序初始化。当小程序初始化完成时,会触发onLaunch
(全局只触发一次)onShow
生命周期函数--监听小程序显示。当小程序启动,或从后台进入前台显示,会触发onShow
onHide
生命周期函数--监听小程序隐藏。当小程序从前台进入后台,会触发onHide
onError
错误监听函数。当小程序发生脚本错误,或者 api 调用失败时,会触发onError
并带上错误信息- Any 开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问
前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。
只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。
App({
onLaunch: function() {
// Do something initial when launch.
},
onShow: function() {
// Do something when show.
},
onHide: function() {
// Do something when hide.
},
onError: function(msg) {
console.log(msg)
},
globalData: 'I am global data'
})
####getApp()
全局的 getApp()
函数,可以获取到小程序实例。
// other.js
var appInstance = getApp()
console.log(appInstance.globalData) // I am global data
注意:
App()
必须在 app.js
中注册,且不能注册多个。
不要在定义于 App()
内的函数中调用 getApp()
,使用 this
就可以拿到 app 实例。
不要在 onLaunch 的时候调用 getCurrentPage()
,此时 page 还没有生成。
通过 getApp()
获取实例之后,不要私自调用生命周期函数。