jade模板 注意事項

1.   jade模板 語法

doctype html
html
    head
    body
        header
        div

　　

2.  添加內容：直接在標籤後邊加空格 直接寫內容

　　以下：   

　　　　div  我要寫的內容

3.  直接在body內添加內容：body 後邊添加  "."     或者 直接 「|內容」

　　 "."能夠替換 多行  "|"

　　　　|

　　　　|

　　　　|

html
    head
    body.
        asdas
　　　　　errdtt
　　　　　dgdtrg

　

html
    head
    body
        |asdas
        |tryr
        |rtytyry

　　

 

4. 變量： 「 #{a} 」  或者代碼中 「=a」

　　

doctype html
html
    head
    body
        header
        div
        -var a="kevin"
            div 個人名字叫#{a}

　　

doctype html
html
    head
    body
        header
        div
        -var arr = ["sdfsf","dfddf","cdfsf"]
        -for(var i=0;i<arr.length;i++)
            div=arr[i]

　　

　　

Note:    這裏注意 裏邊有「；」時，上述代碼 for 前邊的 "— "不能省掉 ; 而下邊代碼的 if 前邊的 "—" 能夠省掉

doctype html
html
    head
    body
        header
        div
        -var a=6;
        if(a==6)
            div=a
        else
            div skdjhfsk

 

Note: 使用　"！="   不轉義代碼 ，識別變量中的 標籤

doctype html
html
    head
    body
        -var a = "<h3>山東富士康</h3>書店合肥收到"
        div!=a
            

5. switch 特殊處理

html
    head
    body
        -var a=4
        case a
            when 4
                div 5
            when 3
                div 3
            default
                不對

　6.屬性 （class="box clearfix",src="./a.jpg"）

html
    head
    body
        div(class="box clearfix",data-id="item1")

　　Note 特例 style class ,json和數組表示

　　

html
    head
    body
        div(class=["box","clearfix"],style={width:"100px",height:"100px",background:"pink"},data-id="item1")

　　

html
    head
    body
        -var arr = ["box","clearfix"];
        -var json = {width:"100px",height:"100px",background:"pink"};
            div(class=arr,style=json,data-id="item1")

　　

html
    head
    body
        -var arr = ["box","clearfix"];
        -var json = {width:"100px",height:"100px",background:"pink"};
            div(class=arr, class="active",style=json,data-id="item1")

　　

7.渲染

var str =  jade.renderFile('1.jade',{"pretty":true,name:"kevin"})；

fs.writeFile("./a.html",str,function(err){})