最近因工作需要接触到 mustache.

首先什么是mustache呢

Mustache 模板语法的逻辑比较简单。它用于HTML，配置文件，源代码等。它的工作方式是通过通过以哈希值或者对象的方式扩展模板标签。

github 项目地址

mustache简单使用

1.简单的变量调换：{

var data = { "name": "Willy" };Mustache.render（"{
   {name}} is awesome."，data）; //Willy is awesome.

2.若是变量含有html的代码的，例如：<br>、<tr>等等而不想转义可以在用{

var data = {"name" : "
Willy
"};var output = Mustache.render（"{
   {&name}} is awesome."， data); //
Willy
 is awesome.

PS : 去掉"&"的成果是转义为：<br>Willy<br> is awesome.

3.mustache 和 PHP 结合使用

在没使用mustache之前,使用ajax获取到数据之后,是通过 拼接html代码来实现的,大概如下 :

var $tpl = $('
    
     
    
');$tpl.find('.name').text('XXX');

引入mustache之后 代码如下 :

    //PHP代码    $arr = array(            array('id'=>1,'name'=>'小茗同学'),            array('id'=>1,'name'=>'小莉同学')        );    exit(json_encode($arr));

结尾

关于mustache 还有很对其他的使用方法,作者在github也给出详细的示例.

github项目主页