Hello, hello , Hello, everyone , I'm glad you can see this article ！

I am currently a freshman in computer science , Self taught wechat applet development based on hobbies . And here I want to through my personal understanding of the whole learning process , Tell your friends about wechat applet development. You can understand it in simple language .

Because I am also a learner like you , So the mistakes in the article , I hope you can point out more ~

 4. Configuration files that two novices must understand

1.app.json: This configuration file we You must know four functions

pages: Record the path of all pages of the current applet

window: Globally define the background color of all pages of the applet , Text color, etc .

style: Globally define the style version used by the applet component .

sitemapLocation: Used to specify that sitemap.json The location of .

Here's the key to understand A function -pages.

Here we can see pages We have four lines in the function , These four lines Is the current applet you The path of all pages . And on the first line "pages/list/list" It's the first page we see when we open the app .

If you need to add a new page , As long as pages Function to add the corresponding path to complete the addition

Here we first see On the far right we are pages Function added "pages/regz/regz" Created a code-named rgzn The page of （ The folder will also be created , The red brackets in the middle can see ）, Finally, we found that the page on the left is be known as regz The page of .

2.project.config.json file : Here, let's look at three important functions

setting: Compile related configuration

projectname: Project name

appid: The account number of the applet ID

Note here appid This function , The content of this function is your personal ID

5. The host environment of the applet

Host environment ： The environment on which the program runs , For example , We're in steam Games bought on the Internet can only be played in windows Use of , Once in a linux You can't use it in the system .

The hosting environment of the applet is mobile wechat .

6. Communication model of applet

Applet The main body of communication is divided into three parts

1. Render layer ： from wxml Templates and wxss Style responsible

2. Logic layer ： js The script is responsible for

3. Third party servers .

Render layer , The data transmission between the logical layer and the third-party server is completely controlled by native（ Wechat client is responsible for ）

7. Applet operation mechanism

1. The applet is downloaded locally

2. analysis app.json Global profile

3. perform app.js The contents of the document

4. Rendering applet home page

5. Applet startup completed

8. The process of page rendering

1. Load the of the parsing page .json The configuration file

2. To load a page .wxml Templates and wxss. style

3. Execute the .js file , call page() Function to open the corresponding page

4. Render completed

All right, all right, friends, that's the end of our content today , Today's content is over here , Today's learning content is not much , Just watch the key several times , If you don't know anything, remember to ask questions in the forum ~

If your friends feel that the content of the article is helpful to you , Sure give the thumbs-up , Follow articles and columns as well as Pay attention to me ~ Hey, hey, hey ~ I will update the article regularly , Thank you for your support ~