眾所周知，微信小程序開(kāi)發(fā)是一門(mén)技術(shù)活，沒(méi)有一定編程和代碼能力能難做好微信小程序。下面就和大家分享一下微信小程序開(kāi)發(fā)代碼基礎(chǔ)知識(shí)，讓大家更好的來(lái)了解一下微信小程序開(kāi)發(fā)。

1.首先帶大家來(lái)了解一下微信小程序開(kāi)發(fā)代碼文件格式

大家都知道微信小程序開(kāi)發(fā)代碼文件格式基本都是固定式的。每一個(gè)index代碼文件夾里都包含了js、json、wxml、wxss格式，如圖所示：

2. 其次來(lái)了解一下微信小程序開(kāi)發(fā)代碼文件格式都代表什么意思

①I(mǎi)ndex.js主要是用來(lái)放邏輯代碼文件，用來(lái)存儲(chǔ)數(shù)據(jù)，如圖所示：

這些代碼，大家可能并不熟悉，下面就和大家詳細(xì)介紹一下。

Page（）這個(gè)主要是用于傳入json數(shù)據(jù)，它用來(lái)處理所有的邏輯。

data：{}它主要是存放初始數(shù)據(jù)，頁(yè)面中需要調(diào)用的數(shù)據(jù)一般都存放在里面。

{{motto}}和{{info.name}}都是調(diào)用方式。

click：是一種函數(shù)方法

click：function（）{}：處理邏輯數(shù)據(jù)

②index.wxml主要是用來(lái)存放布局文件，如圖所示：

③index.wxss主要是用樣式文件，用來(lái)編寫(xiě)所有標(biāo)簽樣式，比如字體、背景色配置等。如圖所示

④index.json主要是用來(lái)保存配置文件，以鍵值對(duì)的形式來(lái)儲(chǔ)存數(shù)據(jù)。

3.除了index代碼文件，還有一個(gè)全局以app命名的文件

App命名文件同樣包含著app.js文件、app.wxml文件、app.wxss文件、app.json文件。

①App.js文件是一種腳本代碼，主要是用來(lái)存儲(chǔ)本地?cái)?shù)據(jù)。

②app.json是指微信小程序全局配置，主要是用設(shè)置頁(yè)面的路徑、小程序的窗口、背景色以及導(dǎo)航欄的樣式、主題等、網(wǎng)絡(luò)超時(shí)的時(shí)間以及底部tab等。a

③pp.wxss文件是指微信小程序樣式表。

以上詳細(xì)的介紹了一下微信小程序開(kāi)發(fā)基本知識(shí)，希望以上內(nèi)容對(duì)大家有所幫助！