小程序组成部分:
一个入口文件:app.js
一个全局样式:app.wxss
一个全局配置:app.json
页面:pages下,每个页面再按文件夹划分,每个页面4个文件
视图:wxml,wxss
逻辑:js,json(页面配置,不是必须)
小程序原理和加载运行的过程:
小程序其实就是微信定制化的h5页面,规定了页面可以使用的标签,单位rpx,并且微信app提供一些开放的api接口。
用户点击打开一个小程序
微信 App 从微信服务器下载这个小程序
分析 app.json 得到应用程序的配置信息(导航栏,窗口样式,包含的页面列表等)
加载并运行 app.js
加载并显示在 app.json 里配置的第一个页面
小程序分为应用生命周期和页面生命周期
小程序应用生命周期:
1.用户首次打开小程序,触发 onLaunch(全局只触发一次)。
2.小程序初始化完成后,触发onShow方法,监听小程序显示。
3.小程序从前台进入后台,触发 onHide方法。
4.小程序从后台进入前台显示,触发 onShow方法。
5.小程序后台运行一定时间,或系统资源占用过高,会被销毁。
小程序页面生命周期:
1.小程序进入页面先加载页面,触发onLoad方法。
2.页面载入后触发onShow方法,显示页面。
3.渲染页面元素和样式,触发onReady方法。渲染页面
4.当小程序后台运行或跳转到其他页面时,触发onHide方法。
5.当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法。
6.当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload