HTML/JS转换工具
Unicode编码转换
当前位置:首页 > 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界的突发事件
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片