注冊

2017年最新微信小程序語法基礎(chǔ)講解(Mustache)

2017-09-13
導(dǎo)讀:最新消息,Hi商學(xué)院訊微信小程序開發(fā)教程中比較重要的一個(gè)環(huán)節(jié)就是對于小程序語法的了解,下面就從Mustache語法詳解一些基本的語法內(nèi)容和代碼來詳細(xì)講講小程序語法。7月小程序又更...

  

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}}

2017年最新微信小程序語法基礎(chǔ)講解(Mustache)

  返回:

  weChat

  is excellent.

  去掉"&"的返回是轉(zhuǎn)義為:

  weChat

  is excellent.

  另外,你也可以用{{{ }}}代替{{&}}。

 ?、?若是對象,還能聲明其屬性

2017年最新微信小程序語法基礎(chǔ)講解(Mustache)

  返回:name:Chen Jackson,age:18

  2、{{#keyName}} {{/keyName}}

  以#開始、以/結(jié)束表示區(qū)塊,它會根據(jù)當(dāng)前上下文中的鍵值來對區(qū)塊進(jìn)行一次或多次渲染。它的功能很強(qiáng)大,有類似if、foreach的功能。

2017年最新微信小程序語法基礎(chǔ)講解(Mustache)

  3、{{^keyName}} {{/keyName}}

  該語法與{{#keyName}} {{/keyName}}類似,不同在于它是當(dāng)keyName值為null, undefined, false時(shí)才渲染輸出該區(qū)塊內(nèi)容。比如:

2017年最新微信小程序語法基礎(chǔ)講解(Mustache)

  返回:沒找到 nothing 鍵名就會渲染這段

  4、{{.}}

  {{.}}表示枚舉,可以循環(huán)輸出整個(gè)數(shù)組,例如:

2017年最新微信小程序語法基礎(chǔ)講解(Mustache)

  5、{{! }}表示注釋

  6、{{>partials}}

  以>開始表示子模塊,當(dāng)結(jié)構(gòu)比較復(fù)雜時(shí),我們可以使用該語法將復(fù)雜的結(jié)構(gòu)拆分成幾個(gè)小的子模塊。

  更多內(nèi)容可以關(guān)注hishop微信小程序開發(fā)教程。

重磅推薦:小程序開店目錄

第一部分:小商店是什么

第二部分:如何開通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開店任務(wù)常見問題

第五部分:小商店可以賣什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開發(fā)