前端模板<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模版引擎的用法和原理

转载于:https://www.cnblogs.com/zyjzz/p/7061672.html