jade 详解
简介
jade 是HTMl模板引擎,用javascript编写,可以在Node.js中使用。本文主要介绍原生node操作jade文件的方法。
安装
npm install jade
方法(API)
jade的方法主要分为两类,一是编译语句的,二是编译jade文件。
options
opeions jade的方法都可设置的参数列表:
let options = { filename: '', // 在异常中可用 doctype: '', // 指定 doctype pretty: '' , // 简单地说就是加换行 self: '', // 使用单独的命名空间 debug: '', // 输出编译后的函数体 compileDebug: '', // 编译调试 cache: '', // 缓存编译函数 compiler: '', // 覆盖默认编译器 parser: '', // 覆盖默认解析器 globals: '', // 加全局变量,可以在模板中直接使用 }
jade.compile()
编译表达式,返回值是一个可以产生html结构的函数。
var fn = jade.compile('h1 33') console.log(fn()) // <h1>33</h1>
jade.compileFile()
编译jade文件,返回值同上。
fn = jade.compileFile('test.jade') console.log(fn()) // <h1>gg</h1>
jade.compileClient()
编译表达式,返回一段javascript可以在客户端使用。当前端页面需要动态改变dom时可以使用此方法生成dom结构。
fn = jade.compileClient('h4 44') console.log(fn) // function template(locals) { // var buf = []; // var jade_mixins = {}; // var jade_interp; // // buf.push("<h4>44</h4>");;return buf.join(""); // }
template函数是通过compileClient()方法的返回值。
jade.compileFileClient()
fn = jade.compileFileClient('test.jade')
console.log(fn)
//
// function template(locals) {
// var buf = [];
// var jade_mixins = {};
// var jade_interp;
//
// buf.push("<h1>gg</h1>");;return buf.join("");
// }
jade.render()
node 操纵jade的主要方法,返回html结构。
jade.renderFile()
编译文件,结果同上。
fn = jade.renderFile('test.jade') console.log(fn) // <h1>gg</h1>
以上是node.js操作jade的主要方法。