Home  >  Article  >  WeChat Applet  >  WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

高洛峰
高洛峰Original
2017-03-09 13:35:111691browse

This article tells a detailed explanation of the life cycle of the WeChat mini program development series (3) APP

This series is a detailed explanation by the author from the beginning. It is suitable for beginners to watch and learn step by step according to the series;

1: Life cycle method of WeChat Mini Program APP:

Add the method shown in Figure 1 to app.js in the WeChat Mini Program project

WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

Figure 1

Compile and run, view the logs as shown in Figure 2 and Figure 3: When the WeChat applet starts, the life cycle method called is: onLaunch method (app.js) --- onShow method (app. js) --- onLoad method (home page: onLoad method of index.js)

WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

##Figure 2

WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

Figure 3

When the mini program is placed in the background (there is a simulated background button in the lower left corner of the development tool), the system calls back the life cycle method: onHide

WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

Figure 4


#2: Call the global methods and variables of the mini program APP level

You can customize global variables in app.js: For example, add the following code


myData:{
username : "abc123"
},



If you want to call the global variable: username in index.js, as shown in Figure 5 Shown: First get the global app, then get myData through the app, and then get the username

WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP

Figure 5

The above is the detailed content of WeChat Mini Program Development Series (3) Detailed explanation of the life cycle of APP. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn