jade初学

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)

 

posted @ 2013-10-10 16:56  月曜  阅读(291)  评论(0编辑  收藏  举报