其他分享
首页 > 其他分享> > 一、生命周期

一、生命周期

作者：互联网

1.小程序生命周期

 1   onLaunch() {
 2    console.log("小程序生命周期：初始化完成只触发一次");
 3   },
 4   onShow(){
 5       console.log("小程序生命周期：当小程序启动，或从后台进入前台时触发");
 6   },
 7   onHide(){
 8     console.log("小程序生命周期：前台进入后台时触发");
 9   },
10   one rror(){
11     console.log("小程序生命周期：小程序发生错误时触发");
12   },

 2.页面生命周期

 1 　　 /**
 2      * 生命周期函数--监听页面加载
 3      */
 4     onl oad(options) {
 5         console.log("页面生命周期：加载中...");
 6     },
 7 
 8     /**
 9      * 生命周期函数--监听页面初次渲染完成
10      */
11     onReady() {
12         console.log("页面生命周期：页面初次渲染完成");
13     },
14 
15     /**
16      * 生命周期函数--监听页面显示
17      */
18     onShow() {
19         console.log("页面生命周期：页面显示");
20     },
21 
22     /**
23      * 生命周期函数--监听页面隐藏
24      */
25     onHide() {
26         console.log("页面生命周期：页面隐藏");
27     },
28 
29     /**
30      * 生命周期函数--监听页面卸载
31      */
32     onUnload() {
33         console.log("页面生命周期：页面卸载");
34     },

3.页面事件处理函数

 1 　　/**
 2      * 页面相关事件处理函数--监听用户下拉动作
 3      */
 4     onPullDownRefresh() {
 5         console.log("页面相关事件处理函数：用户下拉动作");
 6     },
 7 
 8     /**
 9      * 页面上拉触底事件的处理函数
10      */
11     onReachBottom() {
12         console.log("页面相关事件处理函数：页面上拉触底");
13     },
14 
15     /**
16      * 用户点击右上角分享
17      */
18     onShareAppMessage() {
19         console.log("页面相关事件处理函数：用户点击右上角分享");
20     },
21      /**
22      * 页面大小发生变化
23      */
24     onResize(){
25         console.log("页面相关事件处理函数：页面大小发生变化");
26     }

4.整个小程序只有一个 App 实例，是全部页面共享的。可通过 getApp 方法获取到全局唯一的 App 实例，获取App上的数据或调用注册在 App 上的函数。

定义在app.js的数据

1 /**
2  * 定义在app.js的数据
3  */
4 App({ 
5   object:{
6       data:"全局"
7   }
8 })

页面上调用app.js的数据

 /**
     * 获取App实例
     */
const app = getApp();

Page({
    /**
     * 生命周期函数--监听页面加载
     */
      onl oad(options) {
        console.log(app.object.data);
    },
}）

 

标签：事件处理,生命周期,console,log,监听,页面
来源： https://www.cnblogs.com/lyq888/p/16272769.html