模板引擎jade與ejs語法

2021-09-23 15:39:53 字數 1011 閱讀 8827

首先環境需要準備命令如下npm i jade ,npm i ejs,npm i fsjade的語法相對於ejs更有侵入性,破壞性這裡寫乙個簡單的列子來比較分析

html 

head

body

經過編譯後是

>

>

head

>

>

class

=>

hello this is jadediv

>

body

>

html

>

這裡使用的語法是屬性可以寫在()裡面,包裹的值空一格就可以書寫了

ejs書寫格式:

大家可以看到ejs沒有啥改變。。

jade中屬性中特殊的部分乙個是style它可以直接使json資料格式,還有乙個是class它可以直接使用陣列格式,但也可以使用普通的格式,如果想要都是json資料格式,可以用以下格式引用div&attributes()

ejsjade在語法格式另乙個不同在於

html

head

body

div&attributes()

-for(let i=0;i>

>

head

>

>

class

=>

hello this is jadediv

>

<%for(let i=0;i<3;i++)%%>

body

>

ejs模板引擎原理

核心function test obj templ return templ 複製 const fs require fs const path require path let str fs.readfilesync path.resolve dirname,index2.html utf8 fu...

jade模板基本語法

第二個title是標題物件,是傳過來的字串 method1 title title method2 title titleh1 效果一樣 h1 title 測試一把 h1 this is a h1 p.tcolor welcome to p welcome to titlediv span hell...

Jade模板引擎學習(一)安裝及基本語法

客戶端支援 超強的可讀性 靈活易用的縮排 塊擴充套件 預設經過編碼處理以增強安全性 編譯及執行時的上下文錯誤報告 命令列編譯支援 html5模式 可選的記憶體快取 聯合動態和靜態標記類 利用過濾器解析樹的處理 支援 express 利用each透明的迴圈objects,arrays甚至不可列舉物件 ...