有用的符號：

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)衡陽免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了成百上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

| 豎杠后的字符會被原樣輸出 · 點表示下一級的所有字符都會被原樣輸出，不再被識別。（就是|的升級版，實現(xiàn)批量） include 表示引用外部文件

短杠說明后面跟著的字符只是一段代碼（與|的區(qū)別就是，|后面的內(nèi)容會被顯示，而短杠后面的內(nèi)容直接不顯示了?。?/p>

例子:

js：

const jade = require('jade');
console.log(jade.renderFile('./xxx.jade',{pretty:true,name:'singsingasong'}))

jade：

'|'的應(yīng)用

'.'的應(yīng)用

include的應(yīng)用

調(diào)用變量做運算

div的class

'-' 的應(yīng)用

變量的直接引用

span#{a}和span=a效果是一樣的。

jade中的for循環(huán)

jade：

-for(var i=0;i

js文件：

console.log(jade.renderFile('./views/11.jade',{pretty:true,name:'singsingasong',
 arr:['aaa','bbb','ccc','ddd']
}));

運行結(jié)果：

'!' 的應(yīng)用

html
 head
 body
 div(class='1')!=content
 div(class='2')

運行結(jié)果：

jade的if...else...

html
 head
 body
 -var a=19;
 if(a%2==0)
  div(style={background:'red'}) 偶數(shù)
 else
  div(style={background:'green'}) 奇數(shù)

case語句

html
 head
 body
 -var a=1;
 case a
  when 0
  div aaa
  when 1
  div bbb
  when 2
  div ccc
  default
  |不靠譜

綜合的來一個

小提示：之前的jade文件我們都沒有寫DOCTYPE,這里給它加上

這個執(zhí)行結(jié)果的是：如果文件讀寫順利就輸出‘成功'，如果出錯，就返回‘錯誤'。

以上這篇基于模板引擎Jade的應(yīng)用(詳解)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。