前端模板<script type="text/template" id="tmpl">

前端模板, 比连接字符串好用多了, 还可以使用循环\判断等语句, 减少工作量

<script type="text/template" id="member-tmpl">
    <% var addHeader = true;
    _.each(members, function(member) {
        if ( Modernizr.mq( "only all and (max-width: 640px)" ) ) {
            addHeader = true;
        }
    %>
        <div class="row member">
            <div class="col"><% if ( addHeader ) { %><div class="head">Id</div><% } %><div class="data"><%=member.id%></div></div>
                      <div class="col"><% if ( addHeader ) { %><div class="head">REST URL</div><% } %><div class="data"><a href="rest/members/<%=member.id%>" rel="external" target="_blank" class="resturl ui-link">JSON</a></div></div>
        </div>
    <% addHeader = false;
    }); %>
</script>  

1. <% %>在这里不是jsp的标签，像jsp，php，asp都有这种写法，但在这里是采用那套javascript模版引擎的写法。

2. javascript模版引擎，比如artTemplate，这个写在<% %>里面的代码的目的是替代js变量，预编译javascript，达到快速渲染的作用.

3. 有空了解下这种javascript模版引擎的用法和原理