TP 模板引擎
Tp 是一个 “轻量,简洁,高效” 的 javascript 模板引擎!
简介
+ 轻量,tp是目前能见到最轻量的javascript模板引擎,只有一个不足1.5k的文件。
+ 简洁,tp的语法非常简单,对于一个熟悉html、js的开发人员来说学习难度为 0。
+ 高效,tp支持模板预编译,快于任何一个你所见过的javascript模板引擎。
+ 另外,tp同时支持在浏览器环境使用及服务端javascript环境(Node.js)使用。
联系作者
+ 您可以发邮件到 admin@xhou.net
+ 或者访问 http://www.houfeng.net
+ 关注微博 http://weibo.com/houfeng
在浏览器中吏用
在页面中引入
+ 下载tp
+ 将tp.js或tp-min.js放到项目中合适的位置。
+ 在相关页面用<script src='tp的url'></script>引入tp。
AMD/CMD 方式引用
var tp = ;
解析(tp.parse)
代码:
var html='<div>My name is <% $(name) %></div>';var rs=tp;
结果:
rs: “<div>My name is tp</div>”
编译(tp.compile)
代码:
var html='<div>My name is <% $(name) %></div>';var fn=tp;var rs=;
结果:
fn: 编译结果,可以暂存以供调用。
rs: “<div>My name is tp</div>”
HTML元素
HTML:
代码:
//绑定数据:tp; //追加绑定数据:tp;
结果:
item-1item-2
在 Node.js 中使用
安装
sudo npm install tpjs -g
引用
var tp = ; //解析var rs = tp;//预编译var fn = tp;
命令行工具
使用命令行工具需要全局安装 tpjs,如下
sudo npm install tpjs -g
CLI 说明
tp <src> <dst>
- src: 源文件路径,相对于当前工作目录
- dst: 输出的目标路径,相对于当前工作目录