基于模板引擎Jade的應(yīng)用(詳解)
更新時間：2017年12月12日 14:54:13 作者：SingSingaSong
下面小編就為大家分享一篇基于模板引擎Jade的應(yīng)用詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
有用的符號：
| 豎杠后的字符會被原樣輸出 · 點表示下一級的所有字符都會被原樣輸出，不再被識別。（就是|的升級版，實現(xiàn)批量） include 表示引用外部文件
短杠說明后面跟著的字符只是一段代碼（與|的區(qū)別就是，|后面的內(nèi)容會被顯示，而短杠后面的內(nèi)容直接不顯示了！）
例子:
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<arr.length;i++) div=arr[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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解使用Node.js 將txt文件轉(zhuǎn)為Excel文件
這篇文章主要介紹了詳解使用Node.js 將txt文件轉(zhuǎn)為Excel文件,具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
nodejs對項目下所有空文件夾創(chuàng)建gitkeep的方法
這篇文章主要介紹了nodejs對項目下所有空文件夾創(chuàng)建gitkeep的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
node終端里如何連接mysql數(shù)據(jù)庫并進行sql查詢
這篇文章主要為大家介紹了node終端里如何連接mysql數(shù)據(jù)庫并進行sql查詢，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-07-07
這篇文章主要介紹了利用puppeteer破解極驗的滑動驗證功能，基本流程代碼實現(xiàn)給大家介紹的非常詳細(xì),需要的朋友可以參考下2018-02-02
node.js基于fs模塊對系統(tǒng)文件及目錄進行讀寫操作的方法詳解
這篇文章主要介紹了node.js基于fs模塊對系統(tǒng)文件及目錄進行讀寫操作的方法,結(jié)合實例形式分析了nodejs使用fs模塊針對文件與目錄的讀寫、創(chuàng)建、刪除等相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
nodejs 整合kindEditor實現(xiàn)圖片上傳
這篇文章主要介紹了nodejs 整合kindEditor實現(xiàn)圖片上傳,需要的朋友可以參考下2015-02-02
使用NodeJs 開發(fā)微信公眾號（三)微信事件交互實例
這篇文章主要介紹了使用NodeJs 開發(fā)微信公眾號（三)微信事件交互實例的相關(guān)資料,需要的朋友可以參考下2016-03-03
因為項目用的依賴和要運行環(huán)境的node.js版本起了沖突,下面這篇文章主要給大家介紹了關(guān)于node版本沖突問題的解決方案,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
NodeJs環(huán)境安裝與配置的實現(xiàn)步驟
本文主要介紹了NodeJs環(huán)境安裝與配置,包括配置環(huán)境和配置國內(nèi)鏡像，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
今天小編就為大家分享一篇安裝Node.js并啟動本地服務(wù)的操作教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-05-05