Lesson-32 jade 模板

一篇教程

• jade 也可以设置 - var 变量， 在（）中设置属性
• jade 中直接使用 bool 表示是否存在 true 的时候是 存在 false 的时候这个属性被隐藏 如果必须使用 bool 的话 可以使用 .toString 转化
• 几种添加属性的语法

添加class
a.button
添加id
a#main-link
添加属性
var attributes = {'data-foo': 'bar'};
div#foo(data-bar="foo")&attributes(attributes)

* case: when: default: 一种类似 switch 的语法
*  \#{}， 可以在字符串中直接使用参数
*  在jade中使用 = 会编码 使用 != 不会编码 会直接使用
* 两种 for 循环

• for (var x = 0; x < 3; x++)
  li item
  ...

list = ["Uno", "Dos", "Tres",
"Cuatro", "Cinco", "Seis"]
each item in list
li= item
...

• var n = 0
  ul
  while n < 4
  li= n++

* var 前面需要加 -
* 有条件判断语句 if else unless
* 可以设置模板的 extends 然后可以覆盖原有的的各种 block
* include 表示包含其他文件 包括 css markdown jade 等等
* mixin 可以当做小的模板或者（带参）函数使用