JavaScript 模板引擎:tpl.js
一個輕量的(僅1kb),極速的javascript 模板引擎。
支持預編譯,支持嵌入原生javascript語法,忽略不存在的變量,可直接在AMD、CMD以及全局環境中使用。
使用方法:
1.引入tpl.js
<script type="text/javascript" src="path/to/tpl.js"></script>
或者在Sea.js和Node.js中:
var tpl = require('path/to/tpl');
2.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>
3.執行渲染
console.log( tpl('#demo', {author: "Jony", languages:["javascript", "php", "shell"]}) );
結果為:
<p>Hi, I'm Jony</p> <p>I can write: javascript, php, shell</p>
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!