jade是一个比ejs略难得模板。express的默认模本就是jade。 今天看了一下其实不是太难~~
笔记:
jade中使用缩进来定义HTML文档的层次结构
jade不需要关闭标签
给div添加id需要用# / 类的话用.
使用|可以连接大段文本主题。会将他们视作一起的内容
`-`开头可以定义一个变量 `=`可以赋值
`- var name='aa'`
`p #{name}`这样就可以使用这个变量了
数组操作:
- arrs = ['haha','hah2','jade']
- each s in arrs
p=s
这样就给每个p里面插入了arrs里面的每个值
对象操作:
- obj = {name:'jake',job:"postman"}
- each val,key in obj
li #{val} :#{key}
条件判断
- locked = false
- if(locked)
p 开锁了
- else
p 锁住了
添加内联脚本:
script
alert('这是jade内联js');
包含 :
include
mixin:
重复使用代码块
mixin users(users)
ul
each user in users
li=user
- list = ['liebiao1','liebiao2','LIBIAO3'];
mixin users(list)
- list2= ['liebiao1','liebiao2','LIBIAO3'];
mixin users(list2)