首先環境需要準備命令如下npm i jade ,npm i ejs,npm i fs
jade
的語法相對於ejs
更有侵入性,破壞性這裡寫乙個簡單的列子來比較分析
html
head
body
經過編譯後是
>
>
head
>
>
class
=>
hello this is jadediv
>
body
>
html
>
這裡使用的語法是屬性可以寫在()裡面,包裹的值空一格就可以書寫了ejs書寫格式:
大家可以看到ejs沒有啥改變。。
jade中屬性中特殊的部分乙個是style
它可以直接使json
資料格式,還有乙個是class
它可以直接使用陣列格式,但也可以使用普通的格式,如果想要都是json
資料格式,可以用以下格式引用div&attributes()
;
ejs
和jade
在語法格式另乙個不同在於
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甚至不可列舉物件 ...