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的主要方法。