javascript - 能做到简单的拉json然后拼接HTML的模板引擎里面最简单而且最流行的是哪个引擎？

Question

第一个问题是想知道当今圈里最常用的简单引擎是什么？不要厚重的。

第二个问题是segmentfault用的什么引擎？我看了看有这种代码

                    <script type="text/template">

                        <p class="widget-box">
                            <h2 class="widget-box__title">
                                排行榜
                                <span class="userstab text-muted pull-right ">
                                        <a href="javascript:void(0);" data-tab="Daily" class="active">今天</a>
                                    &middot;
                                    <a href="javascript:void(0);" data-tab="Weekly">本周</a>
                                    &middot;
                                    <a href="/users">更多</a>
                                    </span>
                            </h2>
                            <ol id="usersDaily" class="widget-top10">
                                <% _.each(daily,function(d){ %>
                                <li class="text-muted">
                                    <img class="avatar-24" src="<%- d.avatarUrl %>"/>
                                    <a href="<%- d.url %>" class="ellipsis">
                                        <%= d.name %>
                                    </a>
                                    <span class="text-muted pull-right">+<%- d.incr %></span>
                                </li>
                                <% }) %>
                            </ol>
                            <ol id="usersWeekly" class="widget-top10  hidden">
                                <% _.each(weekly,function(d){ %>
                                <li class="text-muted">
                                    <img class="avatar-24" src="<%- d.avatarUrl %>"/>
                                    <a href="<%- d.url %>" class="ellipsis">
                                        <%= d.name %>
                                    </a>
                                    <span class="text-muted pull-right">+<%- d.incr %></span>
                                </li>
                                <% }) %>
                            </ol>
                        </p>

                    </script>

Answer 1

1、如果纯粹用模板 underscore 就不错。
2、目测segmentfault用的是underscore

underscore中文文档：http://www.css88.com/doc/unde...

Answer 2

JQ的作者John Resig写过一个短小精悍的template
http://ejohn.org/blog/javascr...

Answer 3

一般用腾讯出的 ArtTemplate 无需jQuery等

• 支持原生语法

  <%if (admin){%>
      <%include('admin_content')%>
  
      <%for (var i=0;i<list.length;i++) {%>
          <p><%=i%>. <%=list[i].user%></p>
      <%}%>
  <%}%>

• 自带很简单的语法

  {{if admin}}
      {{include 'admin_content'}}
  
      {{each list}}
          <p>{{$index}}. {{$value.user}}</p>
      {{/each}}
  {{/if}}

• 支持调试,精确定位异常模板所在语

• 性能是流行的 Mustache 的20倍

• 支持include语句, 可以嵌套子模板

• 支持预编译，可将模板转换成为非常精简的 js 文件

• 只要 2.7k

看测试结果:
http://aui.github.io/artTempl...

Answer 4

artTemplate

Answer 5

sf 前端模版主要用的是 underscore

模版 只是 underscore 的一部分内容