小程序(框架頁(yè)面文件)

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

.js文件:頁(yè)面邏輯文件,必要項(xiàng)。

.wxml文件:頁(yè)面結(jié)構(gòu)文件,必要項(xiàng)。

.wxss文件:頁(yè)面樣式文件。

.json 文件:頁(yè)面配置文件。

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

1、頁(yè)面配置文件

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


頁(yè)面配置文件

2、頁(yè)面邏輯文件(JavaScript)

2.1、注冊(cè)頁(yè)面

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

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

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

2.5、頁(yè)面生命周期

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

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

3.1.1、簡(jiǎn)單綁定

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、事件對(duì)象

3.6、引用

3.6.1、import

3.6.2、include

4、頁(yè)面樣式文件(WXSS)

4.1、尺寸單位

4.2、選擇器

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

4.4、樣式導(dǎo)入

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • WXML WXML(WeiXin Markup Language)是微信的一套標(biāo)簽語(yǔ)言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可...
    許劍鋒閱讀 7,294評(píng)論 3 51
  • 昨天看了一下微信小程序官方文檔,總結(jié)一下自己學(xué)習(xí)的個(gè)人心得. 首先從官方文檔給的框架說(shuō)起,微信小程序官方文檔給出了...
    Mr大大大閱讀 47,529評(píng)論 9 68
  • 最近做了一個(gè)投票的微信小程序,開發(fā)過(guò)程主要還是參考官方文檔:https://mp.weixin.qq.com/de...
    june5253閱讀 22,224評(píng)論 1 11
  • 微信小程序在無(wú)論在功能、文檔及相關(guān)支持方面,都是優(yōu)于前面幾種微信賬號(hào)類型,它提供了很多原生程序才有的接口,使得我們...
    伍華聰_開發(fā)框架閱讀 1,672評(píng)論 0 53
  • 雪,如期而至 洋洋灑灑,像個(gè)畫家 繪出一幅粉狀玉砌的世界 雪,姍姍來(lái)遲 像個(gè)頑皮的戀人 吻著,親著 滿身都是她相思...
    草蟲玲子閱讀 288評(píng)論 2 8

友情鏈接更多精彩內(nèi)容