Jade - 随笔分类 - 23333333

Jade之Plain Text

摘要：Plain Text jade提供了3种得到纯文本的方法。 Piped Text 添加纯文本的一个最简单的方法就是在文本最前面加符号即可。 jade： Inline in a Tag 还有一种简单的方法：内嵌在一个标签后即可。 jade： Block in a Tag 因为文本可能不只一行，所以可阅读全文

posted @ 2015-11-22 17:11 23333333 阅读(260) 评论(0) 推荐(0)

Jade之Mixins

摘要：Mixin mixin允许我们对某一个块的重复使用，类似于函数。用法：首先声明mixin，然后使用（在mixin名字之前加即可以使用）即可。最简单的mixin jade： html：带参数的mixin mixin支持传入参数，根据参数来改变块内容。 jade： html： mixin块阅读全文

posted @ 2015-11-22 17:10 23333333 阅读(283) 评论(0) 推荐(0)

Jade之Interpolation

摘要：Interpolation jade为不同的需求提供了一些特殊的操作符。详见 "Github" 将右边的值赋予左边，或者替换为右边变量的值。将引用处替换为val变量的值。在属性那一章的特殊属性中曾提到，类似` Joel: Some of the girls are wearing my moth 阅读全文

posted @ 2015-11-22 17:09 23333333 阅读(213) 评论(0) 推荐(0)

Jade之Template Inheritance

摘要：Template inheritance jade支持通过关键字和`extends`来实现模板继承。比如，在layout.jade写上如下代码中间的代表块，表示块名字。另一个index.jade文件中可以继承layout.jade文件。在index.jade文件中，父模板中的块将在子阅读全文

posted @ 2015-11-22 17:08 23333333 阅读(322) 评论(0) 推荐(0)

Jade之Includes

摘要：Includes jade允许利用将其他文件（支持filters所支持的类型）中的代码嵌入当前代码中。 jade： html： index.html 阅读全文

posted @ 2015-11-22 17:07 23333333 阅读(194) 评论(0) 推荐(0)

Jade之Filters

摘要：Filters jade允许将其他语言嵌套到jade语言之中。支持的有，`:babel :uglify js :less :markdown it`。 jade： html：（但是在本地尝试好像不行，可能安装的jade版本问题）阅读全文

posted @ 2015-11-22 17:02 23333333 阅读(208) 评论(0) 推荐(0)

Jade之Extends

摘要：Extends jade允许多个jade文件继承一个jade文件。 jade： html：生成的index.html中阅读全文

posted @ 2015-11-22 17:01 23333333 阅读(404) 评论(0) 推荐(0)

Jade之Case

摘要：Case jade中的类似js中的语句。当前一个中无语句的时候，将一直往下直至遇到一个有语句的才跳出。 jade： html：还有另外一种写法。注意后需接一个空格，后面内容若换行会报错。 jade： html：阅读全文

posted @ 2015-11-22 17:00 23333333 阅读(212) 评论(0) 推荐(0)

Jade之Doctype

摘要：Doctype jade： html：阅读全文

posted @ 2015-11-22 17:00 23333333 阅读(139) 评论(0) 推荐(0)

Jade之条件语句

摘要：条件语句 jade支持js中的语法。 jade： html： unless jade还支持反面的条件语句。 jade： html：阅读全文

posted @ 2015-11-22 16:58 23333333 阅读(348) 评论(0) 推荐(0)

Jade之注释

摘要：注释 jade注释可以保留在编译后生成的html中，也可以不保留。 jade： html：块注释 jade支持注释一块内容 jade： html：条件注释 jade条件注释与html中的条件注释一样。 jade： html：阅读全文

posted @ 2015-11-22 16:58 23333333 阅读(474) 评论(0) 推荐(0)

Jade之Code

摘要：Code jade支持内嵌js的代码到jade代码之中。 Unbuffered Code 无缓冲代码以符号开始，无任何额外输出（文本是什么即是什么）。 jade： Buffered Code 缓冲代码以开始，输出JS表达式计算结果。 jade： html： Unescaped Buffered 阅读全文

posted @ 2015-11-22 16:57 23333333 阅读(199) 评论(0) 推荐(0)

Jade之属性

摘要：属性所有的html(5)标签在jade中均支持如下写法。jade中省去了html和标签的关闭等写法，并将属性写在括号之中。若存在多个属性，可以将其分为多行。 jade： html：对于正常的javascript表达式，jade也可以应付。 jade： html：特殊属性对于某些特殊符号，比如阅读全文

posted @ 2015-11-22 16:56 23333333 阅读(560) 评论(0) 推荐(0)

Jade之标签

摘要：一种简洁的便于书写html的模板语言。支持所有的 html(5)标签和正常的 javascript表达式标签相比于html，jade的标签只需一个标签名即可，不需要关闭标签，也不需要尖括号。对于需要嵌套的标签，利用缩进来控制，所以jade对缩进的要求十分的严格。 jade： html：阅读全文

posted @ 2015-11-22 16:54 23333333 阅读(262) 评论(0) 推荐(0)

随笔分类 - Jade