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

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

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

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

{

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

“window”: {

“backgroundTextStyle”: “light”,

“navigationBarBackgroundColor”: “#fff”,

“navigationBarTitleText”: “WeChat”,

“navigationBarTextStyle”: “black”

}

}

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

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

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

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