Laytpl是一个颠覆性的JavaScript模板引擎，通过巧妙的实现使其体积小巧玲珑。它不仅性能最高，而且几乎具备了传统前端引擎的所有功能。所有的转化魔法都是由不到1KB的代码创造的，这似乎是一场革命，或者不是，但毫无疑问，laytpl真的是在以最轻的方式向世界展示。如果你从未接触过这个应用程序，那没关系。下面的描述会让你迫不及待的选择laytpl，让你更好的掌握页面的数据渲染，走向人生巅峰！

laytpl的优势

性能出色，执行速度比被称为性能之王的artTemplate和doT快近1倍，比baiduTemplate和kissyTemplate等快20-40倍。数据规模越大，渲染频率越明显，体积越小，不到1kb，未来会变得更小。配合escape等安全机制，Native JavaScript可以在模板中任意编写，具有科学的错误报告功能，充分保证了模板的灵活性，支持Node.js平台上所有古今主流浏览器

使用方式

复制代码如下：//步骤1:编写模板。您可以使用脚本标记来存储模板，例如脚本id=' demo ' type=' text/html ' h1 { { d . title } }/h1ul { # for(var I=0，len=d . list . length；我透镜；I ){ }} li span名称：{{ d.list[i]。name }}/span span城市：{{d.list [I]。city } }/span/Li { { # } }/ul/script//步骤2:创建视图。用于呈现渲染结果。Div id='view'/div//Step 3:渲染模板var data={title: '前端攻城大师'，list: [{name:' Xian Xin '，City 3360 '杭州' }，{Name 3360 '谢亮'，city:' Beijing'}。{name: '浅层'、city 3360 '杭州' }、{name: 'Dem '、city 3360 '北京' }]；var getpl=document . getelementbyid(' demo ')。innerHTMLlaytpl(getpl)。render(数据，函数(html){ document . getelementbyid(' view '))。innerHTML=html});

文档描述

一、模板语法

不转义html输出公共字段：{{d.field}}输出公共字段并转义html: {{=d.field}} JavaScript脚本：{{# JavaScript语句}}

第二，内置方法

1):laytpl(模板)；//核心函数，返回一个对象var tpl=laytpl(模板)；tpl.render(数据，回调)；//Rendering方法，返回渲染结果，支持异步和同步模式a):异步tpl.render(数据，函数(结果){console.log(结果)；});b):同步var结果=tpl.render(数据)；console.log(结果)；

2):laytpl.config(选项)；//初始化配置选项是一个对象{open:' start tag '，close : ' close tag ' } 3):laytpl . v//获取版本号

需要注意的事项

1.可以直接导入laytpl.js，也可以直接使用Seajs等模块化加载。2.laytpl3可以随意使用，无论是商用还是个人平台。3.在任何情况下都要保持源代码，不要删除laytpl.js的头注释

官方网站：http://sentsin.com/layui/laytpl/

下载：//www . JB 51 . net/codes/207072 . html