jade 详解

时间：2022-08-06 18:15:46

　　简介

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

　　 　　　　　　

　

相关文章