标题 | Javascript轻量极速的模板引擎(仅1kb) |
范文 | 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> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。