Core
core 包含了 FrozenJS 的一些常用方法,包括 Zepto 的 data
的扩展和模板引擎。
data
Zepto 默认代码中并未包含 data 的扩展,FrozenJS 中的 data 扩展主要参照了 Zepto 的 data 扩展。使用方式参照 Zepto 的 文档。
模板引擎
FrozenJS 的模板引擎与 backbone.js 的模板引擎类似,使用 $.tpl(tplString, [data], [settings])
来调用。
模板变量放入<%= value %>
中,如<%= value %>
,模板可以直接把js逻辑放入<% ... %>
中,如<% if(a){>% 条件为ture,这部分会输出 <%}%>
。
具体调用方式示例:
var data={
name:"jeakey",
word:"hi~",
friend:[
"hahn",
"fay"
]
}
var tplHTML='<div><%=name%> say <%=word%>。</div>'+
'<div>his friends:<ul>'+
'<% for(var i=0;i<friend.length;i++){ %>'+
'<li><%=friend[i]%></li>'+
'<% } %></ul></div>';
var dest=$.tpl(tplHTML,data);
console.log(dest)
// output:<div>jeakey say hi~。</div><div>his friends:<ul><li>hahn</li><li>fay</li></ul></div>