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)