首页 / JAVASCRIPT / laytpl精致巧妙的JavaScript模板引擎_其它

laytpl精致巧妙的JavaScript模板引擎_其它

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了laytpl精致巧妙的JavaScript模板引擎_其它，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2119字，纯文字阅读大概需要4分钟。

内容图文

laytpl是一款颠覆性的JavaScript模板引擎，它用巧妙的实现方式，将自身的体积变得小巧玲珑，不仅性能接近极致，并且还具备传统前端引擎的几乎所有功能。所有的变身魔法都由不到1KB的代码创造，这仿佛是一场革命，又或者不是，但毋庸置疑的是，laytpl的确在用最轻量的方式呈现给世人。如果你从未接触这方面的应用，没关系，下面的讲述将会让你迫不及待地选择laytpl，从此更好地把握页面的数据渲染，走上人生巅峰！

laytpl精致巧妙的JavaScript模板引擎_其它 - 文章图片

laytpl优势

?性能卓绝，执行速度比号称性能王的artTemplate、doT还要快将近1倍，比baiduTemplate、kissyTemplate等快20-40倍，数据规模和渲染频率越大越明显
?体积简直小到极致，不足1kb，未来它还会变得更小。
?具备转义等安全机制，比较科学的报错功能
?模版中可任意书写Native JavaScript，充分确保模版的灵活度
?支持应用在Node.js平台
?支持所有古代或现代的主流浏览器

laytpl精致巧妙的JavaScript模板引擎_其它 - 文章图片

使用方式

代码如下:

//第一步：编写模版。你可以使用一个script标签存放模板，如：
输出一个普通字段，不转义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/

下载：http://www.gxlcms.com/codes/207072.html

内容总结

以上是互联网集市为您收集整理的laytpl精致巧妙的JavaScript模板引擎_其它全部内容，希望文章能够帮你解决laytpl精致巧妙的JavaScript模板引擎_其它所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/321816.html

来源：【匿名】