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

:

幾個(gè)小程序關(guān)鍵文件的應(yīng)用

1.app，也就是小程序代碼的劇本。用非常專業(yè)的語(yǔ)言來(lái)說(shuō)，這個(gè)文件的主要功能是監(jiān)控和處理小程序的生命周期函數(shù)和全局變量的聲明。框架提供的豐富API可以通過(guò)它調(diào)用。

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

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

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

微信小程序目錄結(jié)構(gòu)介紹

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

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

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

:

實(shí)例目錄結(jié)構(gòu)

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

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

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

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

5.index.wxml是一個(gè)頁(yè)面結(jié)構(gòu)文件(必需)。

6.index.wxss是一個(gè)頁(yè)面樣式表文件(不需要)。當(dāng)有頁(yè)面樣式表時(shí)，頁(yè)面樣式表中的樣式規(guī)則會(huì)疊加app.wxss中的樣式規(guī)則如果不指定頁(yè)面的樣式表，也可以在頁(yè)面的結(jié)構(gòu)文件中直接使用app.wxss中指定的樣式規(guī)則。

7.編輯配置完成后，點(diǎn)擊真機(jī)進(jìn)行調(diào)試。