前端模板, 比連接字符串好用多了, 還可以使用循環\判斷等語句, 減少工作量
<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模版引擎的用法和原理
