Javascript轻量极速的模板引擎(仅1kb)
2015-04-17来源:易贤网

Javascript轻量极速的模板引擎,支持预编译,支持嵌入原生javascript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。具体代码如下:

HTML代码:

<div id="view"></div>

<script type="text/template" id="demo">

<p>Hi, I'm <%=author%><%=anything%></p>

<p>I can write:

<%

for(var i=0; i<languages.length; i++) {

echo( (i===0?"":", ") + languages[i] );

}

%>

</p>

</script>

直接使用:

//模拟数据

var data = {

author: "Jony",

languages: ["javascript", "php", "shell"]

};

document.getElementById('view').innerHTML = tpl('#demo', data);

预编译:

//模拟数据

var data = {

author: "Jony",

languages: ["javascript", "php", "shell"]

};

//编译后就可以无限调用

var compiler = tpl('#demo');

document.getElementById('view').innerHTML = compiler(data);

HTML结果:

<p>Hi, I'm Jony</p>

<p>I can write: javascript, php, shell</p>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息