插件描述：template.js 一款javascript模板引擎，提供一套模板语法，用户可以写一个模板区块，每次根据传入的数据，生成对应数据产生的HTML片段
template.js
template.js 一款javascript模板引擎，简单，好用。
功能概述
提供一套模板语法，用户可以写一个模板区块，每次根据传入的数据，生成对应数据产生的HTML片段，渲染不同的效果。
特性
模版编译，渲染
支持所有主流浏览器及Node（UMD）
JavaScript原生语法
丰富的自定义配置
支持数据过滤
异常捕获功能
功能专一，简单好用
兼容性
Node 0.10+
Safari 6+ (Mac)
iOS 5+ Safari
Chrome 23+ (Windows, Mac, Android, iOS, Linux, Chrome OS)
Firefox 4+ (Windows, Mac, Android, Linux, Firefox OS)
Internet Explorer 6+ (Windows, Windows Phone)
Opera 10+ (Windows, linux, Android)
如何使用
传统用法
1 | <script src="template.js"></script> |
AMD
1 2 3 | require(['template'], function (template) { ***}); |
Bower
1 2 | $ bower install template.js$ bower install git://github.com/yanhaijing/template.js.git |
spm
1 | $ spm install template.js |
npm
1 2 | $ npm install template_js$ npm install yanhaijing/template.js |
快速上手
编写模版
使用一个type="text/html"的script标签存放模板，或者放到字符串中：
1 2 3 4 5 6 7 | <script id="tpl" type="text/html"> <ul> <%for(var i = 0; i < list.length; i++) {%> <li><%:=list[i].name%></li> <%}%> </ul></script> |
渲染模板
1 2 | var tpl = document.getElementById('tpl').innerHTML;template(tpl, {list: [{name: "yan"},{name: "haijing"}]}); |
输出结果：
1 2 3 4 | <ul><li>yan</li><li>haijing</li></ul> |
更多例子，请见demo目录。
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery时间日期插件
- 下一个特效： jQuery html5背景视频插件vidbacking