前端常用解析模板引擎

1. Mustache 模板

项目官方在github上的语法文档
语法:

<ul>
    {{#list}}
        <li>{{{index}}}. 用户: {{{user}}}/ 网站:{{{site}}}</li>
    {{/list}}
</ul>

2.doT 模板

项目官方在github上的语法文档
语法:

<ul>
    {{ for (var val, i = 0, l = it.list.length; i < l; i ++) { }}
        {{ val = it.list; }}
        <li>{{=val[i].index}}. 用户: {{=val[i].user}}/ 网站:{{=val[i].site}}</li>
    {{ } }}
</ul>

3.juicer 模板

项目官方在github上的中文本版语法文档
语法:

<ul>
    {@each list as val}
        <li>$${val.index}. 用户: $${val.user}/ 网站:$${val.site}</li>
    {@/each}
</ul>

4.artTemplate 模板

项目中文文档
项目官方文档
语法:

<ul>
    <% for (i = 0, l = list.length; i < l; i ++) { %>
        <li><%=list[i].index%>. 用户: <%=list[i].user%>/ 网站:<%=list[i].site%></li>
    <% } %>
</ul>

5.underscore 模板

廖雪峰老师对项目的讲解文档
语法:

<ul>
    <% for (var i = 0, l = list.length; i < l; i ++) { %>
        <li><%=list[i].index%>. 用户: <%=list[i].user%>/ 网站:<%=list[i].site%></li>
    <% } %>
</ul>

Handlebars 模板

Handlebars中文官网
语法:

<ul>
    {{#list}}
        <li>{{{index}}}. 用户: {{{user}}}/ 网站:{{{site}}}</li>
    {{/list}}
</ul>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大部分的后端会很很鄙视前端。我也不知道为什么,可能大部分人都会觉得脚本语言根本不算语言。 大多人 会叫我们切图仔,...
    小黑的眼阅读 3,456评论 0 15
  • 前些日子从@张鑫旭微博处得一份推荐(Front-end-tutorial),号称最全的资源教程-前端涉及的所有知识...
    谷子多阅读 4,289评论 0 44
  • 滋养式育娃是一种非功利性,注重成长体验与成长乐趣的育娃观念,如果非要给个目标,就是让孩子成为一个知情识趣的人。旅行...
    乐牙弯弯阅读 206评论 0 0
  • 有时候我们需要反向的看一些问题,就能正向的看清一些道理。 比如说,前段时间那些在网上被热议的视频,一个月薪只有25...
    伍六柒阅读 335评论 0 0
  • 今天要写的主题是,我和儿子的快乐生活,晚饭后,我们检查了语文古诗卡还有课文的背诵,之后就打算洗刷睡觉了,儿子比我先...
    奋斗16年阅读 347评论 0 0