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)
+ Core
core 包含了 FrozenJS 的一些常用方法,包括 Zepto 的 data 的扩展和模板引擎。
+data
FrozenJS 默认代码中并未包含 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>