2017年最新微信小程序語法基礎(chǔ)講解(Mustache)
最新消息,Hi商學(xué)院訊微信小程序開發(fā)教程中比較重要的一個(gè)環(huán)節(jié)就是對于小程序語法的了解,下面就從Mustache語法詳解一些基本的語法內(nèi)容和代碼來詳細(xì)講講小程序語法。7月小程序又更新新的功能,微信小程序運(yùn)維中心,也是為了讓開發(fā)者更好的維護(hù)小程序。
微信小程序 Mustache語法詳解
最近微信小程序非常火,對于前端開發(fā)的程序員是個(gè)利好的消息,這里主要記錄下微信小程序 Mustache語法。
小程序開發(fā)的wxml里,用到了Mustache語法。所以,非常有必要把Mustache研究下。
什么是Mustache?Mustache是一個(gè)logic-less(輕邏輯)模板解析引擎,它是為了使用戶界面與業(yè)務(wù)數(shù)據(jù)(內(nèi)容)分離而產(chǎn)生的,它可以生成特定格式的文檔,通常是標(biāo)準(zhǔn)的HTML文檔。比如小程序的wxml中的代碼:
{{userInfo.nickName}},這里的{{ }}就是Mustache的語法。
1、Mustache的模板語法很簡單,就那么幾個(gè):
1、{{keyName}}
返回:
is excellent.
去掉"&"的返回是轉(zhuǎn)義為:
is excellent.
另外,你也可以用{{{ }}}代替{{&}}。
⑶ 若是對象,還能聲明其屬性
返回:name:Chen Jackson,age:18
2、{{#keyName}} {{/keyName}}
以#開始、以/結(jié)束表示區(qū)塊,它會根據(jù)當(dāng)前上下文中的鍵值來對區(qū)塊進(jìn)行一次或多次渲染。它的功能很強(qiáng)大,有類似if、foreach的功能。
3、{{^keyName}} {{/keyName}}
該語法與{{#keyName}} {{/keyName}}類似,不同在于它是當(dāng)keyName值為null, undefined, false時(shí)才渲染輸出該區(qū)塊內(nèi)容。比如:
返回:沒找到 nothing 鍵名就會渲染這段
4、{{.}}
{{.}}表示枚舉,可以循環(huán)輸出整個(gè)數(shù)組,例如:
5、{{! }}表示注釋
6、{{>partials}}
以>開始表示子模塊,當(dāng)結(jié)構(gòu)比較復(fù)雜時(shí),我們可以使用該語法將復(fù)雜的結(jié)構(gòu)拆分成幾個(gè)小的子模塊。
更多內(nèi)容可以關(guān)注hishop微信小程序開發(fā)教程。
第二部分:如何開通一個(gè)小商店