隨着 web 發展,前端應用變得愈來愈複雜,基於後端的 javascript(Node.js) 也開始嶄露頭角,此時 javascript 被寄予了更大的指望,與此同時 javascript MVC 思想也開始流行起來.javascript
爲了使用戶界面與業務數據分離,就產生了『模板引擎』這個概念。模板引擎有不少, 比較有名的有jade(express默認)、ejs、hbs(ghost默認)、doT、swig等等。前端
『模板引擎』是什麼?java
1. 模板是什麼?模板就是一個模子。供你套數據,而且依據不一樣數據去走不一樣的邏輯。git 2. 引擎是什麼?引擎就是個處理器(編譯、運行),最後輸出個結果(HTML代碼)的東西。github |
2.1 安裝: npm install pug-cli -gweb
3.1 語法
(1)標籤、屬性、註釋
(2)讀取數據的值(轉義、非轉義)express
3.2 邏輯npm
(1)條件語句(if、unless、case)
(2)循環(each、for)
(3) 過濾器後端
jade 官網給的實例less