Jade學習（一）之特性、安裝

前言

流行的模板

• PHP:Smarty SimpleTemplate Xtemplate Savant

• Java:Velocity FreeMarker Jbyte

• C#:Dotiquid SharpDom Razor

• Javascript:Mustache Handlebars Juicer Xtemplate EJS Jade

Jade

jade是超高性能的nodejs模板引擎，有着很是強大的API和大量傑出的特性。它主要針對node的服務端。

jade-破壞式、侵入式、強依賴（和普通的html和css沒法共存）文件以.jade結尾

特性

客戶端支持、代碼高可讀、靈活的縮進、塊展開、混合、靜態包含、屬性改寫、安全，默認代碼是轉義的(代碼通過編譯處理，以加強安全性)、運行時和編譯時上下文錯誤報告、命令行編譯jade模板（命令行編譯支持）、html 5 模式 (使用 !!! 5 文檔類型)、在內存中緩存(可選)、合併動態和靜態標籤類、能夠經過 filters（過濾器） 修改樹、模板繼承、原生支持 Express JS、經過 each 枚舉對象、數組甚至是不能枚舉的對象、塊註釋、沒有前綴的標籤、AST filters、Vim Syntax、TextMate Bundle、Screencasts、html2jade 轉換器、過濾器

過濾器

• :sass 必須已經安裝sass.js

• :less 必須已經安裝less.js

• :markdown 必須已經安裝markdown-js 或者node-discount

• :cdata

• :coffeescript 必須已經安裝coffee-script

jade中，分清什麼是靜態的，什麼是動態的？

靜態的原封不動的表如今html中，動態的會轉換表現。

js代碼會執行，js表達式會取值，標籤會轉換，文本直接輸出

標籤後是文本，文本能夠單行和多行，文本中可嵌入jade表達式；使用#{}，裏面是後臺js表達式，「-」開頭的，隨後是後臺js代碼，幾個特定的jade關鍵詞，例如循環控制等，隨後的都是後臺表達式

html標籤緊跟着=，後面的是js表達式

安裝jade

經過npm來安裝

做爲包依賴在node中使用安裝在本地

npm install jade

做爲工具執行命令使用安裝在全局

npm install jade -g

缺點

• 可移植性差

• 調試困難

• 性能不是很是出色