基于模板引擎Jade的應(yīng)用(詳解)
有用的符號(hào)：
| 豎杠后的字符會(huì)被原樣輸出 · 點(diǎn)表示下一級(jí)的所有字符都會(huì)被原樣輸出，不再被識(shí)別。（就是|的升級(jí)版，實(shí)現(xiàn)批量） include 表示引用外部文件
短杠說(shuō)明后面跟著的字符只是一段代碼（與|的區(qū)別就是，|后面的內(nèi)容會(huì)被顯示，而短杠后面的內(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)用變量做運(yùn)算
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']
}));
運(yùn)行結(jié)果：
'!' 的應(yīng)用
html head body div(class='1')!=content div(class='2')
運(yùn)行結(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語(yǔ)句
html head body -var a=1; case a when 0 div aaa when 1 div bbb when 2 div ccc default |不靠譜
綜合的來(lái)一個(gè)
小提示：之前的jade文件我們都沒(méi)有寫(xiě)DOCTYPE,這里給它加上
這個(gè)執(zhí)行結(jié)果的是：如果文件讀寫(xiě)順利就輸出‘成功'，如果出錯(cuò)，就返回‘錯(cuò)誤'。
以上這篇基于模板引擎Jade的應(yīng)用(詳解)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解使用Node.js 將txt文件轉(zhuǎn)為Excel文件
這篇文章主要介紹了詳解使用Node.js 將txt文件轉(zhuǎn)為Excel文件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
nodejs對(duì)項(xiàng)目下所有空文件夾創(chuàng)建gitkeep的方法
這篇文章主要介紹了nodejs對(duì)項(xiàng)目下所有空文件夾創(chuàng)建gitkeep的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
node終端里如何連接mysql數(shù)據(jù)庫(kù)并進(jìn)行sql查詢(xún)
這篇文章主要為大家介紹了node終端里如何連接mysql數(shù)據(jù)庫(kù)并進(jìn)行sql查詢(xún)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
使用puppeteer破解極驗(yàn)的滑動(dòng)驗(yàn)證碼
這篇文章主要介紹了利用puppeteer破解極驗(yàn)的滑動(dòng)驗(yàn)證功能，基本流程代碼實(shí)現(xiàn)給大家介紹的非常詳細(xì),需要的朋友可以參考下2018-02-02
node.js基于fs模塊對(duì)系統(tǒng)文件及目錄進(jìn)行讀寫(xiě)操作的方法詳解
這篇文章主要介紹了node.js基于fs模塊對(duì)系統(tǒng)文件及目錄進(jìn)行讀寫(xiě)操作的方法,結(jié)合實(shí)例形式分析了nodejs使用fs模塊針對(duì)文件與目錄的讀寫(xiě)、創(chuàng)建、刪除等相關(guān)操作技巧,需要的朋友可以參考下2017-11-11
nodejs 整合kindEditor實(shí)現(xiàn)圖片上傳
這篇文章主要介紹了nodejs 整合kindEditor實(shí)現(xiàn)圖片上傳,需要的朋友可以參考下2015-02-02
使用NodeJs 開(kāi)發(fā)微信公眾號(hào)（三)微信事件交互實(shí)例
這篇文章主要介紹了使用NodeJs 開(kāi)發(fā)微信公眾號(hào)（三)微信事件交互實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-03-03
因?yàn)轫?xiàng)目用的依賴(lài)和要運(yùn)行環(huán)境的node.js版本起了沖突,下面這篇文章主要給大家介紹了關(guān)于node版本沖突問(wèn)題的解決方案,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
NodeJs環(huán)境安裝與配置的實(shí)現(xiàn)步驟
本文主要介紹了NodeJs環(huán)境安裝與配置,包括配置環(huán)境和配置國(guó)內(nèi)鏡像，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2024-01-01
安裝Node.js并啟動(dòng)本地服務(wù)的操作教程
今天小編就為大家分享一篇安裝Node.js并啟動(dòng)本地服務(wù)的操作教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-05-05