授权协议: MIT
开发语言: JavaScript
操作系统: 跨平台
收录时间: 2013-06-24
提 交 者: JonyZhang

一个轻量的(仅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>

 

在线例子:http://niceue.github.io/tpl.js/

在线文档:https://github.com/niceue/tpl.js 

展开阅读全文

代码

tpl.js 的相关资讯

还没有任何资讯

tpl.js 的相关博客

JavaScript(js)笔记

js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型:   number(数值型)、string(...

JS|JavaScript库

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题...

[js]javascript索引

js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/art...

js 封装 js

define(['jquery'], function($) { var orderSummary = { $el: $('.summary-totals'), updateUrl : '../checkout/orderSummar...

Javascript---Javascript简介

Javascript学习记录 读Javascript高级程序设计(3版)记录

浅谈JS之text/javascript和application/javascript

问题描述: JS在IE8以下浏览器运行异常 代码: <script>标签是这样子写的: <script type="application/javascript"> //...

JS 有趣的JS

一、 var arr = []; for (var i = 0; i < 3; i++) { arr[i] = function() { console.log(i+'__') // 3 ...

javaScript(引入外部js/补充js)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"></script> <!--一般...

JS(JavaScript)初始

day43 JS初识 今日内容: HTML: 文档结构 CSS: 修改文档的外观样式 JS:实现页面上的动态 JS文件的引入方式:   1.script标签内...

tpl.js 的相关问答

还没有任何问答,马上提问

评论 (2)

加载中
这语法很蛋疼,打字都不好打 tpl.js
2014/11/14 10:20
回复
举报
2016/01/06 04:30
回复
举报
更多评论
2 评论
20 收藏
分享
在线直播报名
返回顶部
顶部