laytpl是一款顛覆性的JavaScript模板引擎,它用巧妙的實現(xiàn)方式,將自身的體積變得小巧玲瓏,不僅性能接近極致,并且還具備傳統(tǒng)前端引擎的幾乎所有功能。所有的變身魔法都由不到1KB的代碼創(chuàng)造,這仿佛是一場革命,又或者不是,但毋庸置疑的是,laytpl的確在用最輕量的方式呈現(xiàn)給世人。如果你從未接觸這方面的應(yīng)用,沒關(guān)系,下面的講述將會讓你迫不及待地選擇laytpl,從此更好地把握頁面的數(shù)據(jù)渲染,走上人生巔峰!

laytpl優(yōu)勢
•性能卓絕,執(zhí)行速度比號稱性能王的artTemplate、doT還要快將近1倍,比baiduTemplate、kissyTemplate等快20-40倍,數(shù)據(jù)規(guī)模和渲染頻率越大越明顯
•體積簡直小到極致,不足1kb,未來它還會變得更小。
•具備轉(zhuǎn)義等安全機制,比較科學(xué)的報錯功能
•模版中可任意書寫Native JavaScript,充分確保模版的靈活度
•支持應(yīng)用在Node.js平臺
•支持所有古代或現(xiàn)代的主流瀏覽器

使用方式
文檔說明
一、模版語法
輸出一個普通字段,不轉(zhuǎn)義html: {{ d.field }}
輸出一個普通字段,并轉(zhuǎn)義html: {{= d.field }}
JavaScript腳本: {{# JavaScript statement }}
二、內(nèi)置方法
1):laytpl(template); //核心函數(shù),返回一個對象
var tpl = laytpl(template);
tpl.render(data, callback); //渲染方法,返回渲染結(jié)果,支持異步和同步兩種模式
a):異步
tpl.render(data, function(result){
console.log(result);
});
b):同步
var result = tpl.render(data);
console.log(result);
2):laytpl.config(options); //初始化配置
options是一個對象
{open: '開始標(biāo)簽', close: '閉合標(biāo)簽'}
3):laytpl.v //獲取版本號
注意事項
1.直接引入laytpl.js即可,另外還可直接使用Seajs等模塊化加載。
2.無論商業(yè)或個人平臺都可以任意使用laytpl
3.任何場合下都務(wù)必保留來源,請勿剔除laytpl.js頭部注釋。
官方網(wǎng)站:http://sentsin.com/layui/laytpl/
新聞熱點
疑難解答