javascript和JQuery焦点图和代码特效大全
当前最流行的开源CMS网站系统大全
当前位置:首页 > WEB前端 > JavaScript > 

Javascript轻量极速的模板引擎(仅1kb)

来源:IT技术网编辑:疯子发布于:2017-02-12人围观

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界的突发事件