jade模板引擎简明用法
2014-08-18 19:20
309 查看
①、特性
首个单词为标签,有一些不能识别的标签可作为code,如each for case if else if unlesszen coding风格添加标签,如
.nb#hello 生成 <div class="nb" id="hello"></div>
缩进必须统一使用tab或space,否则会报错
通过缩进来表示嵌套关系,这个很重要!如
p
a 生成 <p><a></a></p>
②、coding 与 html片段
- 后面接code#{var} !{var} = var != var 可以在html片段中输出变量值
| 后面接文本
标签. 加了符合. 表示下一行后面嵌套的文本都为纯文本
③、嵌套
include jade路径4、继承
extends jade路径5、注释
// 单行注释或下一行嵌套的文本都为注释6、mixins
减少重复工作的利器,定义一个任务块mixin article(title) .article .article-wrapper h1= title if block block else p No content provided +article('Hello world') +article('Hello world') p This is my p Amazing article
渲染后变为
<div class="article"> <div class="article-wrapper"> <h1>Hello world</h1> <p>No content provided</p> </div> </div> <div class="article"> <div class="article-wrapper"> <h1>Hello world</h1> <p>This is my</p> <p>Amazing article</p> </div> </div>
相关文章推荐
- [js高手之路]Node.js模板引擎教程-jade速学与实战1-基本用法
- Node.js学习(13)----Jade模板引擎
- 模板引擎jade学习
- html模板引擎jade的使用
- 模板引擎Jade
- 学习Jade模板引擎
- Jade模板引擎入门教程
- Express开发实例(2) —— Jade模板引擎
- Node.js开发入门(六)——使用jade模板引擎
- Node.js模板引擎: Jade入门
- jquery jtemplates.js模板渲染引擎的详细用法第三篇
- js 模板引擎 jade使用语法
- asp.net模板引擎Razor调用外部方法用法实例
- 使用模板引擎jade生成邮件HTML正文
- SpringMVC+jade实现高性能模板引擎(简单配置)
- 模板引擎之jade 学习
- jade模板基本用法
- nodejs+express +jade模板引擎 新建项目
- jquery jtemplates.js模板渲染引擎的详细用法第一篇
- Jade模板引擎