小程序開發(fā)周期函數(shù)(QQ小程序開發(fā)與QQ小程序介紹)

:

幾個小程序關鍵文件的應用

1.app，也就是小程序代碼的劇本。用非常專業(yè)的語言來說，這個文件的主要功能是監(jiān)控和處理小程序的生命周期函數(shù)和全局變量的聲明?？蚣芴峁┑呢S富API可以通過它調用。

2.appon，這是小程序的全局配置文件。這個文件的主要功能決定了徽章頁面的組成。窗口背景顏色可以由它配置，導航欄樣式和默認標題也可以由它配置。此文件不允許添加任何注釋。

3.app.wxss，這是整體的公共樣式表微信小程序。其功能是實現(xiàn)類似于。CSS通過直接使用app.wxss中聲明的樣式規(guī)則！

4.創(chuàng)建基礎頁面是小程序制作的一個主要環(huán)節(jié)。

微信小程序目錄結構介紹

1，app.js文件。app.js文件用于定義全局數(shù)據(jù)和函數(shù)的使用。它可以指定微信小程序的生命周期函數(shù)。生命周期函數(shù)可以理解為微信小程序自定義函數(shù)，如onlaunch(監(jiān)控小程序初始化)、onshow(監(jiān)控小程序顯示)、onhide(監(jiān)控小程序隱藏)等。在不同的app.js中也可以定義一些全局函數(shù)和數(shù)據(jù)，其他頁面引用app.js文件后可以直接使用全局函數(shù)和數(shù)據(jù)。

2.app.json文件。app.json是當前全局配置小程序，包括所有頁面路徑小程序，性能界面，網(wǎng)絡超時，底部tab等。在這個文件中，我們可以配置小程序由哪些頁面組成，小程序的窗口和背景顏色，導航欄樣式和默認標題。請注意，不能向該文件添加任何注釋。

3.app.wxss文件，app.wxss: global界面美化代碼，沒必要。它的優(yōu)先級也沒有wxss在框架中的優(yōu)先級高。比如在index.wxss中，就有頭像外邊距的設置。

:

實例目錄結構

1.app.js是小程序代碼(必選)的腳本，可以在這個文件中進行監(jiān)控和處理小程序的生命周期函數(shù)，全局變量的聲明，框架提供的豐富API的調用。

2.app.json是整體的全局配置小程序(必選)。用于微信小程序全局配置，確定頁面文件路徑，窗口性能，設置網(wǎng)絡超時，設置多個選項卡等。接受一個數(shù)組，每一項都是一個字符串，指定哪些頁面小程序是由。微信小程序中每個頁面的【路徑頁面名稱】需要用app.json的pages來寫，pages中的第一頁就是小程序的首頁。

3.app.wxss是整體的公共樣式表小程序(非必需)。

4.index.js是頁面的腳本文件(必選)。在這個文件中，我們可以監(jiān)控和處理頁面的生命周期函數(shù)，獲取小程序實例，聲明和處理數(shù)據(jù)，響應頁面交互事件等。

5.index.wxml是一個頁面結構文件(必需)。

6.index.wxss是一個頁面樣式表文件(不需要)。當有頁面樣式表時，頁面樣式表中的樣式規(guī)則會疊加app.wxss中的樣式規(guī)則如果不指定頁面的樣式表，也可以在頁面的結構文件中直接使用app.wxss中指定的樣式規(guī)則。

7.編輯配置完成后，點擊真機進行調試。