jade模板引擎中文教程.pdf

Jade - Jade - JJaaddee -- 模板引擎 Jade 是一个高性能的模板引擎，它深受Haml 影响，它是用javascript 实现的,并且可以供node 使用. 翻译:草依山 翻译反馈 Fork me 特性 • 客户端支持 • 代码高可读 • 灵活的缩进 • 块展开 • 混合 • 静态包含 • 属性改写 • 安全，默认代码是转义的 • 运行时和编译时上下文错误报告 • 命令行下编译jade 模板 • html 5 模式 (使用!!! 5 文档类型) • 在内存中缓存(可选) • 合并动态和静态标签类 • 可以通过filters 修改树 • 模板继承 • 原生支持Express JS • 通过each 枚举对象、数组甚至是不能枚举的对象 • 块注释 • 没有前缀的标签 • AST filters • 过滤器 o :sass 必须已经安装sass.js o :less 必须已经安装less.js o :markdown 必须已经安装markdown-js 或者node-discount o :cdata o :coffeescript 必须已经安装coffee-script • Vim Syntax • TextMate Bundle • Screencasts • html2jade 转换器 其它实现 • php • scala • ruby 安装 通过 npm: npm install jade 浏览器支持 把jade 编译为一个可供浏览器使用的单文件，只需要简单的执行: $ make jade.js 如果你已经安装了uglifyjs (npm install uglify-js)，你可以执行下面的命令它会生成所有的 文件。其实每一个正式版本里都帮你做了这事。 $ make jade.min.js 默认情况下，为了方便调试Jade 会把模板组织成带有形如__.lineno = 3 的行号的形式。 在 浏览器里使用的时候，你可以通过传递一个选项{ compileDebug: false }来去掉这个。 下面 的模板 p Hello #{name} 会被翻译成下面的函数： function anonymous(locals, attrs, escape, rethrow) { var buf = []; with (locals || {}) { var interp; buf.push(\npHello + escape((interp = name) == null ? : interp) + \n/p); } return buf.join(); } 通过使用Jade 的./runtime.js你可以在浏览器使用这些预编译的模板而不需要使用Jade, 你 只需要使用runtime.js 里的工具函数, 它们会放在jade.attrs, jade.escape 这些里。 把选 项{ client: true } 传递给pile(), Jade 会把这些帮助函数的引用放在 jade.attrs, jade.escape. function anonymous(locals, attrs, escape, rethrow) { var attrs = jade.attrs, escape = jade.escape, rethrow = jade.rethrow; var buf = []; with (locals || {}) { var interp; buf.push(\npHello + escape((interp = name) == null ? : interp) + \n/p); } return buf.join(); } API API 公开AAPPII var jade = require(jade); // Compile a function var fn = pile(stri