applet lettre Micro [cycle de vie]

Applet divisé en trois parties applications, pages et composants, de sorte que le cycle de vie d'un petit programme comprend les éléments suivants

1. cycle de vie des applications
2. Page du cycle de vie
3. composants du cycle de vie
4. Influence sur le cycle de vie du cycle de vie de l'application Page

cycle de vie des applications

fonction App () est utilisée pour enregistrer un petit programme. Prenez un paramètre d'objet, qui spécifie les callbacks du cycle de vie et d' autres petits programmes.
App () doit être appelée app.js, vous devez appeler et être appelé une seule fois.

App({
  onLaunch: function(options) {
    // 监听小程序初始化。小程序初始化完成时（全局只触发一次）
  },
  onShow: function(options) {
    // 监听小程序显示。小程序启动，或从后台进入前台显示时
  },
  onHide: function() {
    // 监听小程序隐藏。小程序从前台进入后台时。
  },
  onError: function(msg) {
    console.log(msg) // 错误监听函数。小程序发生脚本错误，或者 api 调用失败时触发，会带上错误信息
  },
  onPageNotFound: function(res) {
    // 页面不存在监听函数。小程序要打开的页面不存在时触发，会带上页面信息回调该函数
  },
  globalData: 'I am global data'  //全局变量
})

Premier plan, arrière - plan Définition: Lorsque l'utilisateur clique pour fermer le coin supérieur gauche, ou appuyez sur la touche Accueil pour quitter le dispositif de micro-canal, l'applet est pas directement détruit, mais dans le fond, la lettre de micro lors de la saisie ou re-ouvrir de nouveau l'applet, entrera au premier plan de fond .

1. L'utilisateur ouvre d'abord un petit programme, ce qui déclenche la méthode onLaunch (déclencheurs globaux qu'une seule fois).
2. Une fois l'initialisation applet est terminée, le déclencheur onShow méthode, affiche l'applet du moniteur.
3. Applet de premier plan dans l'arrière-plan, ce qui déclenche la méthode OnHide.
4. Applet de l'arrière-plan dans l'écran d'avant-plan, ce qui déclenche la méthode onShow.
5. Applet en cours d'exécution en arrière-plan un certain temps ou les ressources système aussi, sera détruit.

fonction globale getapp () peut être utilisé pour obtenir l'instance applet App.
La rédaction:var app = getApp()

Note: Ne pas défini dans la fonction (dans le) appel App getapp (), vous pouvez utiliser cette application pour obtenir l'instance, par getapp après l'acquisition par exemple, ne pas essayer d'appeler la fonction du cycle de vie ()

Page du cycle de vie

Page Fonction (Object) est utilisé pour enregistrer une page. Prenez un paramètre de type objet, qui spécifie la page de données initiale, callbacks du cycle de vie, les gestionnaires d'événements et ainsi de suite.

//index.js
Page({
  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'
  }
})

Page Graphique du cycle de vie

1. Après l'enregistrement applet est terminée, la page est chargée, ce qui déclenche la méthode onLoad.
2. Une fois la page chargée déclencheur onShow méthode pour afficher la page.
3. page d'affichage Première méthode déclenchera onReady, rendu des éléments et des styles page, une page ne sera appelée une fois.
4. Lorsque l'applet en cours d'exécution en arrière-plan ou passer à d'autres pages, ce qui déclenche la méthode OnHide.
5. Lorsque l'applet a l'arrière-plan au premier plan entrer ou de saisir la page, ce qui déclenche la méthode onShow.
6. Lorsque vous utilisez la méthode de redirection wx.redirectTo (objet) ou fermer la page en cours Retour wx.navigateBack (), déclenchée onUnload.

Résumé:

1. onLoad: chargement de la page. Une page appelée une seule fois. Les paramètres peuvent obtenir wx.navigateTo et wx.redirectTo et dans la requête.
2. onShow: affichage de la page. Chaque fois que vous ouvrez la page sera appelée une fois.
3. onReady: première page rendu est terminée. Une page appelée une seule fois, au nom de la page est prête, vous pouvez interagir et la couche de vue. Paramètres de l'interface comme wx.setNavigationBarTitle définie après onReady.
4. OnHide: page cachée. Lorsque l'appel est mis NavigateTo ou onglet du bas.
5. onUnload: Page Désinstaller. Lorsque RedirectTo ou navigateBack lorsqu'il est appelé.

Le cycle de vie des composants

Le cycle de vie des composants, se référant à l'auto-assemblage de certaines des fonctions qui sont déclenchées automatiquement lorsqu'un point particulier dans le temps ou répondre à un certain cadre d'événements spéciaux.

L'un des plus importants du cycle de vie est créé attaché détaché, contenir dans le temps un processus de vie d'occurrence d'un composant du point le plus important.

1. composant créé est instancié, l'arbre de noeud n'a pas été introduit, et ne peut donc pas être utilisé à ce moment setData
2. initialisation pièce rapportée est terminée, l'achèvement de l'arbre de noeud peut être utilisé pour rendre le noeud setData, mais un noeud ne peut pas fonctionner
3. prêt de mise en page le montage est terminé, le nœud peut obtenir de l'information, un nœud peut fonctionner
4. instance de composant déplacé est déplacé vers un autre emplacement dans l'arborescence
5. Des exemples du composant retiré de l'arbre de noeud individuel

Cycle de vie page où se trouve les composants sont ces composants ne sont pas et il y a une forte corrélation, mais parfois les composants doivent apprendre à composer avec les composants internes du cycle de vie, tel que défini dans la pageLifetimes section de définition.

1. Page show où les composants sont exécutés lorsque le spectacle
2. composants masquer la page où le temps d'exécution est caché
3. Exécuté lorsque les changements de taille de page redimensionnent les composants sont situés

Influence sur le cycle de vie du cycle de vie de l'application Page

1. Une fois l'initialisation applet est terminée, la page est le premier déclencheur chargé onLoad, il ne sera déclenchée une fois.
2. Lorsque l'applet dans l'arrière-plan, exécutez la méthode de page OnHide et exécute ensuite la méthode application OnHide.
3. Lorsque le programme va de la petite arrière-plan de premier plan, effectuer l'application onShow méthode effectue ensuite la page onShow méthode.