长沙做网站排名,wordpress整站打包,wordpress 手动备份,7一12岁手工暗器小程序分为应用、页面和组件三个部分#xff0c;所以小程序的生命周期涉及以下应用的生命周期页面的生命周期组件的声明周期应用的生命周期对页面生命周期的影响应用的生命周期App() 函数用来注册一个小程序。接受一个 Object 参数#xff0c;其指定小程序的生命周期回调等。…小程序分为应用、页面和组件三个部分所以小程序的生命周期涉及以下应用的生命周期页面的生命周期组件的声明周期应用的生命周期对页面生命周期的影响应用的生命周期App() 函数用来注册一个小程序。接受一个 Object 参数其指定小程序的生命周期回调等。App() 必须在 app.js 中调用必须调用且只能调用一次。App({ onLaunch: function(options) { // 监听小程序初始化。小程序初始化完成时(全局只触发一次) }, onShow: function(options) { // 监听小程序显示。小程序启动或从后台进入前台显示时 }, onHide: function() { // 监听小程序隐藏。小程序从前台进入后台时。 }, onError: function(msg) { console.log(msg) // 错误监听函数。小程序发生脚本错误或者 api 调用失败时触发会带上错误信息 }, onPageNotFound: function(res) { // 页面不存在监听函数。小程序要打开的页面不存在时触发会带上页面信息回调该函数 }, globalData: I am global data //全局变量})前台、后台定义 当用户点击左上角关闭或者按了设备 Home 键离开微信小程序并没有直接销毁而是进入了后台当再次进入微信或再次打开小程序又会从后台进入前台。用户首次打开小程序触发 onLaunch 方法(全局只触发一次)。小程序初始化完成后触发 onShow 方法监听小程序显示。小程序从前台进入后台触发 onHide 方法。小程序从后台进入前台显示触发 onShow 方法。小程序后台运行一定时间或系统资源占用过高会被销毁。全局的 getApp() 函数可以用来获取到小程序 App 实例。写法var app getApp()注意不要在定义于 App() 内的函数中调用 getApp() 使用 this 就可以拿到 app 实例通过 getApp() 获取实例之后不要私自调用生命周期函数页面的生命周期Page(Object) 函数用来注册一个页面。接受一个 Object 类型参数其指定页面的初始数据、生命周期回调、事件处理函数等。//index.jsPage({ data: { // 页面的初始数据 text: This is page data. }, onLoad: function(options) { // 生命周期回调—监听页面加载 }, onReady: function() { // 生命周期回调—监听页面初次渲染完成 }, onShow: function() { // 生命周期回调—监听页面显示 }, onHide: function() { // 生命周期回调—监听页面隐藏 }, onUnload: function() { // 生命周期回调—监听页面卸载 }, onPullDownRefresh: function() { // 监听用户下拉动作 }, onReachBottom: function() { // 页面上拉触底事件的处理函数 }, onShareAppMessage: function () { // 用户点击右上角转发 }, onPageScroll: function() { // 页面滚动触发事件的处理函数 }, onResize: function() { // 页面尺寸改变时触发 }, onTabItemTap(item) { // 当前是 tab 页时点击 tab 时触发 console.log(item.index) console.log(item.pagePath) console.log(item.text) }, // 任意的函数在页面的函数中用 this 可以访问 viewTap: function() { this.setData({ text: Set some data for updating view. }, function() { // this is setData callback }) }, // 任意数据在页面的函数中用 this 可以访问 customData: { hi: MINA }})页面生命周期图小程序注册完成后加载页面触发onLoad方法。页面载入后触发onShow方法显示页面。首次显示页面会触发onReady方法渲染页面元素和样式一个页面只会调用一次。当小程序后台运行或跳转到其他页面时触发onHide方法。当小程序有后台进入到前台运行或重新进入页面时触发onShow方法。当使用重定向方法wx.redirectTo(object)或关闭当前页返回上一页wx.navigateBack()触发onUnload。总结onLoad: 页面加载。一个页面只会调用一次。参数可以获取wx.navigateTo和wx.redirectTo及中的 query。onShow: 页面显示。每次打开页面都会调用一次。onReady: 页面初次渲染完成。一个页面只会调用一次代表页面已经准备妥当可以和视图层进行交互。对界面的设置如wx.setNavigationBarTitle请在onReady之后设置。onHide: 页面隐藏。当navigateTo或底部tab切换时调用。onUnload: 页面卸载。当redirectTo或navigateBack的时候调用。组件的生命周期组件的生命周期指的是组件自身的一些函数这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。其中最重要的生命周期是 created attached detached 包含一个组件实例生命流程的最主要时间点。created 组件实例化但节点树还未导入因此这时不能用setDataattached 组件初始化完毕节点树完成可以用setData渲染节点但无法操作节点ready 组件布局完成这时可以获取节点信息也可以操作节点moved 组件实例被移动到树的另一个位置detached 组件实例从节点树中移组件所在页面的生命周期, 指的是那些并非与组件有很强的关联但有时组件需要获知以便组件内部处理的生命周期在 pageLifetimes 定义段中定义。show 组件所在的页面被展示时执行hide 组件所在的页面被隐藏时执行resize 组件所在的页面尺寸变化时执行应用的生命周期对页面生命周期的影响小程序初始化完成后页面首次加载触发onLoad只会触发一次。当小程序进入到后台先执行页面onHide方法再执行应用onHide方法。当小程序从后台进入到前台先执行应用onShow方法再执行页面onShow方法。
