小程序中一個(gè)框架頁面包含4個(gè)文件，同一框架頁面的這4個(gè)文件必須具有相同的路徑與文件名，進(jìn)入小程序時(shí)或頁面跳轉(zhuǎn)時(shí)，小程序會(huì)根據(jù) app.json 配置的路徑找到對應(yīng)的資源進(jìn)行渲染。

.js文件：頁面邏輯文件，必要項(xiàng)。

.wxml文件：頁面結(jié)構(gòu)文件，必要項(xiàng)。

.wxss文件：頁面樣式文件。

.json 文件：頁面配置文件。

與框架主體文件相比框架頁面文件多了一種頁面結(jié)構(gòu)文件，其余3個(gè)文件和框架主體文件的功能類同，下面我們一一講解每個(gè)文件作用。

1、頁面配置文件

頁面的.json 只能配置 window 相關(guān)屬性，編寫時(shí)只需直接寫出屬性，如下所示：

頁面配置文件

2、頁面邏輯文件（JavaScript）

2.1、注冊頁面

2.2、獲取當(dāng)前頁面棧

2.3、事件處理函數(shù)

2.4、觸發(fā)視圖層渲染

2.5、頁面生命周期

3、頁面結(jié)構(gòu)文件（WXML）

3.1、數(shù)據(jù)綁定

3.1.1、簡單綁定

3.1.2、運(yùn)算

3.1.3、組合

3.2、條件渲染

3.2.1、wx:if

3.2.2、block wx:if

3.2.3、wx:if 與 hidden

3.3、列表渲染

3.3.1、wx:for

3.3.2、wx:for-index 和 wx:for-item

3.4、模板

3.4.1、自定義模板

3.4.2、使用模板

3.5、事件

3.5.1、事件分類

3.5.2、事件綁定

3.5.3、事件對象

3.6、引用

3.6.1、import

3.6.2、include

4、頁面樣式文件（WXSS）

4.1、尺寸單位

4.2、選擇器

4.3、內(nèi)聯(lián)樣式

4.4、樣式導(dǎo)入