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>