基于模板引擎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中koa中間件機(jī)制詳解，詳細(xì)的介紹了koa和兼容問題，具有一定的參考價值，有興趣的可以了解一下2017-08-08
這篇文章主要介紹了node.js中的buffer.write方法使用說明,本文介紹了buffer.write的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了koa2實現(xiàn)登錄注冊功能的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了node爬取新型冠狀病毒的疫情實時動態(tài),非常不錯，本文通過實例代碼給大家講解的非常詳細(xì)，需要的朋友可以參考下2020-02-02
Node.js是一個基于chrome?v8引擎的JavaScript運行時環(huán)境,用于構(gòu)建快速、可擴(kuò)展的網(wǎng)絡(luò)應(yīng)用程序,在某些情況下,降級Node.js版本可能額是必要的,本篇文章將向您介紹如今降級Node.js版本并提供相應(yīng)的源代碼示例,需要的朋友可以參考下2023-11-11
這篇文章主要給大家介紹了關(guān)于如何用node優(yōu)雅地打印全鏈路日志的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了深入探究node之Transform，本文深入內(nèi)部闡述Transform的運行機(jī)理及使用技巧，有興趣的可以了解一下2017-07-07
Node.js發(fā)出請求走Proxyman代理調(diào)試tip詳解
這篇文章主要為大家介紹了Node.js發(fā)出請求走Proxyman代理調(diào)試tip詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-08-08
Grunt針對靜態(tài)文件的壓縮,版本控制打包的實例講解
下面小編就為大家?guī)硪黄狦runt針對靜態(tài)文件的壓縮,版本控制打包的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
安全是不容忽視的，每個開發(fā)者都知道它非常重要，真正嚴(yán)肅對待它的卻沒有幾人。下面這篇文章主要給大家介紹了關(guān)于Node.js中不安全跳轉(zhuǎn)如何防御的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)。需要的朋友可以參考下2018-10-10