微信小程序开发详解
上QQ阅读APP看书,第一时间看更新

2.2 注册程序与页面

2.1.3小节指出了小程序的组成部分。其中,App指小程序整个项目,一个App包含若干页面。小程序启动时,首先进入注册程序过程,可以指定小程序的生命周期函数等。用户在App的不同页面之间跳转时,小程序进入注册页面过程,可以指定页面的初始数据、生命周期函数、事件处理函数等。

2.2.1 注册程序

小程序启动时,首先进入注册过程。在app.js文件里,用App()函数注册一个小程序。App函数主要有4个监听函数:

  • onLaunch监听小程序初始化。当小程序初始化完成时触发onLaunch(全局只触发一次)。
  • onShow监听小程序显示。当小程序启动或从后台进入前台显示时触发onShow。
  • onHide监听小程序隐藏。当小程序从前台进入后台时触发onHide。
  • onError为错误监听函数。当小程序发生脚本错误或API调用失败时触发onError,并带上错误信息。

其中,onLaunch只能触发一次,onShow和onHide可以触发多次。

小程序有前台、后台之分。当用户点击左上角关闭或按设备Home键离开微信时,小程序并没有直接销毁,而是进入了后台;当用户再次进入微信或再次打开小程序时,小程序又会从后台进入前台。

只有当小程序进入后台一定时间或系统资源占用过高时,小程序才会被真正销毁。

最直观的方法是用小程序播放音乐或视频,进入后台就会中断;返回前台后,播放进度会保留,但需要重新点击播放按钮才能继续播放。

2.2.2 注册页面

当页面加载、切换、路由时用Page()函数进行注册。在页面的JS文件里,Page()函数接收一个object对象,指定页面的初始数据、生命周期函数、事件处理函数等。

object对象的参数属性见表2-2。

表2-2 注册page的对象参数列表

2.2.3 页面的路由

在小程序中,所有页面的路由全部由框架进行管理。路由的触发方式和页面生命周期函数见表2-3。

表2-3 页面路由