一.介绍
1.作用
template.js 一款javascript模板引擎,简单,好用。
提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段,渲染不同的效果。
2.特性:
模版编译,渲染
支持所有主流浏览器及Node(UMD)
JavaScript原生语法
丰富的自定义配置
支持数据过滤
异常捕获功能
功能专一,简单好用
二.基本使用
1.页面中引入
<ul></ul>
<script src="jquery.js"></script>
<script src="template.js"></script>
2.使用一个type="text/html"的script标签存放模板,或者放到字符串中:
<script type='html/text' id='tmp'>
<li>{
{name}}</li>
</script>
3.渲染模板
var obj = {
name: '么么哒'
}
var html = template('tmp', obj)
console.log(html)
$('ul').html(html)
完整代码:
<!DOCTYPE html>
<