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

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