亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

laytpl 精致巧妙的JavaScript模板引擎

2019-11-20 14:13:52
字體:
來源:轉載
供稿:網友

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

laytpl優勢

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

使用方式

復制代碼 代碼如下:

//第一步:編寫模版。你可以使用一個script標簽存放模板,如:
<script id="demo" type="text/html">
<h1>{{ d.title }}</h1>
<ul>
{{# for(var i = 0, len = d.list.length; i < len; i++){ }}
    <li>
        <span>姓名:{{ d.list[i].name }}</span>
        <span>城市:{{ d.list[i].city }}</span>
    </li>
{{# } }}
</ul>
</script>
//第二步:建立視圖。用于呈現渲染結果。
<div id="view"></div>
//第三步:渲染模版
var data = {
    title: '前端攻城師',
    list: [{name: '賢心', city: '杭州'}, {name: '謝亮', city: '北京'}, {name: '淺淺', city: '杭州'}, {name: 'Dem', city: '北京'}]
};
var gettpl = document.getElementById('demo').innerHTML;
laytpl(gettpl).render(data, function(html){
    document.getElementById('view').innerHTML = html;
});

文檔說明

一、模版語法

輸出一個普通字段,不轉義html:   {{ d.field }}
輸出一個普通字段,并轉義html:   {{= d.field }}
JavaScript腳本: {{# JavaScript statement }}

二、內置方法

1):laytpl(template);   //核心函數,返回一個對象
   
    var tpl = laytpl(template);
    tpl.render(data, callback);   //渲染方法,返回渲染結果,支持異步和同步兩種模式
        a):異步
        tpl.render(data, function(result){
            console.log(result);
        });
       
        b):同步
        var result = tpl.render(data);
        console.log(result);

   
2):laytpl.config(options); //初始化配置
    options是一個對象
    {open: '開始標簽', close: '閉合標簽'}
   
3):laytpl.v    //獲取版本號

注意事項

1.直接引入laytpl.js即可,另外還可直接使用Seajs等模塊化加載。
2.無論商業或個人平臺都可以任意使用laytpl
3.任何場合下都務必保留來源,請勿剔除laytpl.js頭部注釋。

官方網站:http://sentsin.com/layui/laytpl/

下載://www.49028c.com/codes/207072.html

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩电影免费观看在线| 538国产精品视频一区二区| 欧美一乱一性一交一视频| 国产精品丝袜一区二区三区| 亚洲国内精品视频| 日本三级韩国三级久久| 欧美激情一区二区三区在线视频观看| 亚洲另类xxxx| 中文字幕少妇一区二区三区| 浅井舞香一区二区| 日韩亚洲综合在线| 91精品视频免费看| 亚洲欧洲美洲在线综合| 久久久久久久久久久久av| 91在线精品视频| 国产亚洲aⅴaaaaaa毛片| 精品香蕉在线观看视频一| 欧美精品videossex88| 欧美电影电视剧在线观看| 国产精品自产拍高潮在线观看| 欧美激情免费视频| 国产精品美女无圣光视频| 亚洲片在线观看| 中文字幕精品一区二区精品| 日本三级韩国三级久久| 国产一区玩具在线观看| 日韩有码片在线观看| 国产精品扒开腿爽爽爽视频| 亚洲精品91美女久久久久久久| 亚洲综合中文字幕在线观看| 欧美在线播放视频| 亚洲国产古装精品网站| 91福利视频网| 精品国产一区二区三区久久狼黑人| 欧美激情视频免费观看| 国产成人精品视频| 欧美激情手机在线视频| 精品人伦一区二区三区蜜桃免费| 大量国产精品视频| 国产91热爆ts人妖在线| 国产精品嫩草视频| 亚洲一区二区国产| 亚洲一区二区三区成人在线视频精品| 久久中文久久字幕| 国产自产女人91一区在线观看| 精品国产自在精品国产浪潮| 国产精品久久久久久久7电影| 日韩视频永久免费观看| 亚洲精品国产综合区久久久久久久| 久久99亚洲精品| 欧美最猛黑人xxxx黑人猛叫黄| 久久久噜噜噜久噜久久| 日韩有码在线观看| 国内揄拍国内精品少妇国语| 国产精品久久久久久搜索| www.日韩欧美| 国产成人精品一区二区在线| 亚洲午夜久久久久久久| 欧美成人自拍视频| 精品国内产的精品视频在线观看| 欧美在线视频在线播放完整版免费观看| 久久久久999| 精品人伦一区二区三区蜜桃免费| 日韩精品视频三区| 91精品国产91久久| 久久精品99久久久久久久久| 欧美猛交ⅹxxx乱大交视频| 成人免费观看49www在线观看| 久久久久国色av免费观看性色| 欧美一级片一区| 久久精品视频在线播放| 亚洲成人亚洲激情| 亚洲天堂av在线免费| 久久久久亚洲精品国产| 欧美一级在线亚洲天堂| 国产在线精品一区免费香蕉| 最近2019年日本中文免费字幕| 一本大道香蕉久在线播放29| 亚洲人午夜精品免费| 久久亚洲综合国产精品99麻豆精品福利| 国产精品一区二区3区| 亚洲欧美另类中文字幕| 色偷偷av一区二区三区乱| 国产区精品在线观看| 日韩欧美亚洲成人| 国产精品a久久久久久| 亚洲人成网站777色婷婷| 亚洲国产精品女人久久久| 久久97精品久久久久久久不卡| 欧美成人午夜影院| 久久婷婷国产麻豆91天堂| 欧美性高跟鞋xxxxhd| 国产精品国产亚洲伊人久久| 亚洲色图美腿丝袜| 日韩中文理论片| 日韩av手机在线| 亚洲欧洲高清在线| 色噜噜狠狠狠综合曰曰曰| 在线观看亚洲视频| 国产精品在线看| 国产日韩中文在线| 一区二区三区视频免费| 国产精品www网站| 日韩在线观看免费av| 国产精品成人免费电影| 亚洲国产精彩中文乱码av在线播放| 国产精品永久免费在线| 午夜精品99久久免费| 成人性生交大片免费看视频直播| 91高清免费在线观看| 日韩电影中文字幕在线观看| 8x拔播拔播x8国产精品| 亚洲男人第一网站| 精品美女久久久久久免费| 欧美激情亚洲综合一区| 91在线播放国产| 久久久99久久精品女同性| 国产欧美va欧美va香蕉在| 亚洲第五色综合网| 亚洲成人av片在线观看| 亚洲黄页视频免费观看| 国产成人精品日本亚洲专区61| 亚洲自拍偷拍一区| 亚洲国产精品va| 夜夜嗨av一区二区三区四区| 91精品成人久久| 91在线观看免费| 91精品国产综合久久香蕉最新版| 91在线视频一区| 久久99热这里只有精品国产| 中文字幕国产日韩| 91中文精品字幕在线视频| 国产精品美女久久| 国产精国产精品| 欧美激情免费视频| 久久69精品久久久久久国产越南| 日韩av不卡在线| 亚洲午夜女主播在线直播| 91精品国产高清久久久久久| 午夜精品久久久久久久男人的天堂| 久久精品国产2020观看福利| 亚洲有声小说3d| 日本高清+成人网在线观看| 久久影视电视剧免费网站| 国产一区二区日韩精品欧美精品| 精品国产一区二区三区久久久狼| 国产精品久久久久久亚洲调教| 91精品啪aⅴ在线观看国产| 欧美一级淫片videoshd| 亚洲国产精品视频在线观看| 中文字幕日韩免费视频| 欧美性一区二区三区| 中文字幕亚洲综合久久筱田步美| 欧美激情精品久久久久久蜜臀| 日韩天堂在线视频| 日韩精品视频在线免费观看| xxav国产精品美女主播| 亚洲视频精品在线| 亚洲一区av在线播放| 国产亚洲精品一区二555| 中文字幕v亚洲ⅴv天堂| 亚洲自拍欧美色图| 欧美性jizz18性欧美| 2019国产精品自在线拍国产不卡|