@Fenng A client-rendering framework for Facebook by Changhao Jianghttp://t.co/NIo6vCd

Fenng推薦了一款模板語言：mustache（意思是鬍鬚）。

mustache官網是這麼介紹的：

總而言之，支援很多語言，作者是facebook的蔣博士。

<!-- _ _ _____*~~~ ** ~~~*_____ __* ___ |/__/| ___ *__ _* / 888~~/__(8OO8)__/~~888 / *_ _* /88888888888888888888888888/ *_ * |8888888888888888888888888888| * /~* /8888/~/88/~/8888/~/88/~/8888/ *~ / ~* /88/ // (88) // /88/ *~ / ~* // // // *~ / ~~*_ _*~~/ / ~~~~~*___ ** ___*~~~~~ / / ~ ~ / / / / / / / / t__n__r__ / / | ####### | / ___ | ####### | ____i__ / / _____p_____l_l____ | ####### | | ooooo | qp i__p__ / | ############## | | ####### |__l___xp____| ooooo | |~~~~| oooo |_I_| ############## | | ####### |oo%Xoox%ooxo| ooooo |p__h__|##%#| oooo |ooo| ############## | | ####### |o%xo%%xoooo%| ooooo | |#xx%| oooo |ooo| ############## | | ####### |o%ooxx%ooo%%| ooooo |######|x##%| oooo |ooo| ############## | | ####### |oo%%x%oo%xoo| ooooo |######|##%x| oooo |ooo| ############## | | ####### |%x%%oo%/oo%o| ooooo |######|/#%x| oooo |ooo| ############## | | ####### |%%x/oo/xx%xo| ooooo |######|#%x/| oooo |ooo| ############## | | ####### |xxooo%%/xo%o| ooooo |######|#^x#| oooo |ooo| ############## | | ####### |oox%%o/x%%ox| ooooo |~~~$~~|x##/| oooo |ooo| ############## | | ####### |x%oo%x/o%//x| ooooo |_KKKK_|#x/%| ooo~/|ooo|~/############## | ~/####### |oox%xo%%oox%~/ooooo |_|~|~/|xx%/| ooo ||oHo| |####AAAA###### |h||##XX### |x%x%WWx%%/ox||ooDoo |_| |Y||xGGx| ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ | ~~~~~~~ -->

個人覺得比smarty好用多了。不為別的，因為簡潔明瞭。

傳聞 豆瓣說（http://shuo.douban.com） 運用了這種模板？關注中

簡要介紹下用法：

1A typical Mustache template:

Hello {{name}}
You have just won ${{value}}!
{{#in_ca}}
Well, ${{taxed_value}}, after taxes.
{{/in_ca}}

Given the following hash:

{
  "name": "Chris",
  "value": 10000,
  "taxed_value": 10000 - (10000 * 0.4),
  "in_ca": true
}
 

Will produce the following:

Hello Chris
You have just won $10000!
Well, $6000.0, after taxes.

Mustache可以用在包括html 配置檔案 原始碼之類的任何地方。通過提供hash或者物件可以渲染出模板中的變數。模板沒有if-else,for-loop標記，只有標記（tag）。

常用標籤有類似{{name}},{{#person}}這樣語法的標籤.如果不提供值，將不會渲染出來。{{{html}}}和{{& html}}將會渲染出沒有轉義的html內容。

區域渲染通過{{#person}} ... {{/person}}來實現。例如
 

Shown.
{{#nothin}}
  Never shown!
{{/nothin}}

輸出Shown.（如果沒有提供nothin）

如果提供了非空列表或者陣列，區域渲染將會重複渲染列表或陣列每一項。例如

Template:

{{#repo}}
  <b>{{name}}</b>
{{/repo}}

Hash:

{
  "repo": [
    { "name": "resque" },
    { "name": "hub" },
    { "name": "rip" },
  ]
}

Output:

<b>resque</b>
<b>hub</b>
<b>rip</b>

另外，Mustache支援lambda表示式

Template:

{{#wrapped}}
  {{name}} is awesome.
{{/wrapped}}

Hash:

{
  "name": "Willy",
  "wrapped": function() {
    return function(text) {
      return "<b>" + render(text) + "</b>"
    }
  }
}

Output:

<b>Willy is awesome.</b>

打註釋也很方便：{{! ignore me }}

匯入別的檔案只要像這樣：

base.mustache:
<h2>Names</h2>
{{#names}}
  {{> user}}
{{/names}}

user.mustache:
<strong>{{name}}</strong>

便能輸出

<h2>Names</h2>
{{#names}}
  <strong>{{name}}</strong>
{{/names}}

另外的另外{{}}也是可以自行配置的！

好像沒有更多要介紹了，就這麼多了。和python一樣，簡潔明瞭。