微信小程序開發(fā)代碼對(duì)于新手來(lái)說(shuō)，還是比較有難度。好在大家可以在微信小程序官網(wǎng)里下載開發(fā)代碼文件，大家可以動(dòng)手下載一下，下面就按照官網(wǎng)代碼文件和大家介紹一下微信小程序開發(fā)代碼怎么寫？

一般微信小程序官網(wǎng)開發(fā)代碼文件有三種，分別為app.js、app.json、app.wxss。js后綴代表的是腳本文件。Json后綴的文件代表的是配置文件。wxss后綴的是指樣式文件。

app.js文件是指微信小程序的腳本代碼。主要是用于處理小程序的生命周期函數(shù)，可以調(diào)用MINA的提供的豐富的API.起到同步存儲(chǔ)以及讀取本地?cái)?shù)據(jù)。

app.json?后綴文件是指微信小程序的全局配置，我們可以通過(guò)這個(gè)文件來(lái)配置小程序是由哪些頁(yè)面組成。包括頁(yè)面的路徑、小程序的窗口、背景色以及導(dǎo)航欄的樣式、主題等、網(wǎng)絡(luò)超時(shí)的時(shí)間以及底部tab等。QuickStart 項(xiàng)目里邊的?app.json?配置內(nèi)容如下：

{

“pages”: [“pages/index/index”, “pages/logs/logs”],

“window”: {

“backgroundTextStyle”: “light”,

“navigationBarBackgroundColor”: “#fff”,

“navigationBarTitleText”: “WeChat”,

“navigationBarTextStyle”: “black”

}

}

Pages:是指當(dāng)前的微信小程序所有頁(yè)面的路徑，是為了讓微信客戶端知道你當(dāng)前小程序的頁(yè)面定義在哪個(gè)目錄。

Windows:定義小程序所有頁(yè)面的頂部背景顏色，文字顏色定義等。

app.wxss?是指微信小程序樣式表,我們一般都在class屬性里直接可以使用app.wxss。Wxss樣式跟css樣式有很多相似的地方，不同的是新增了尺寸單位。Wxss支持新的尺寸單位rpx.這樣開發(fā)者就可以節(jié)省換算的時(shí)間。可以通過(guò)rpx來(lái)?yè)Q算就可以了。Wxss只支持部分的css選擇器。

以上就是微信小程序開發(fā)代碼三種后綴文件的介紹，希望對(duì)大家有所幫助！想要了解更多的開發(fā)知識(shí)可以了解一下微信小程序開發(fā)文檔匯總。