前端模板, 比連接字符串好用多了, 還可以使用循環\判斷等語句, 減少工作量
<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>
-
<% %>在這里不是jsp的標簽,像jsp,php,asp都有這種寫法,但在這里是采用那套javascript模版引擎的寫法。
-
javascript模版引擎,比如artTemplate,這個寫在<% %>里面的代碼的目的是替代js變量,預編譯javascript,達到快速渲染的作用.
-
有空了解下這種javascript模版引擎的用法和原理