#whiskers.js

资源地址：https://github.com/abcrun/whiskers

whiskers.js是一个Javascript模板组件，它可以用来将一段 特殊标记的字符串(whiskers模板) 转换为相应的HTML代码。

随着AJAX的兴起，一些服务器端的工作转移到了客户端上。以微博为例，客户端向服务器发送请求来获取最新消息，当客户端收到最新的消息后，会将这些数据按照一定的结构组装成HTML代码，然后回填到页面中。而whiskers.js就是可以用来将从后台获取到数据按照设定好的HTML结构( whiskers模板 )转换成HTML代码的模板组件。

下面是一个简单的示例：

快速预览

var template = 'div#wrapper>ul.lists[data-type=news]>li*2>span>{{=Hello World}}'; //whiskers模板
Whiskers.render(template);

将会生成如下HTML代码：

<div id="wrapper">
    <ul class="lists" data-type="news">
        <li><span>Hello World</span></li>
        <li><span>Hello World</span></li>
    </ul>
</div>