小程序中一個(gè)框架頁面包含4個(gè)文件傀顾,同一框架頁面的這4個(gè)文件必須具有相同的路徑與文件名幢炸,進(jìn)入小程序時(shí)或頁面跳轉(zhuǎn)時(shí)矾瘾,小程序會根據(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)入