客戶端支援
超強的可讀性
靈活易用的縮排
塊擴充套件**預設經過編碼處理以增強安全性
編譯及執行時的上下文錯誤報告
命令列編譯支援
html5模式
可選的記憶體快取
聯合動態和靜態標記類
利用過濾器解析樹的處理
支援 express
利用each透明的迴圈objects,arrays甚至不可列舉物件
塊注釋不需要標記字首
ast過濾器
過濾器 ...
npm install jade -gjade -h
推薦：online official
以p標籤為例
p
會轉換為：
<p>
p>
jade能自動識別自閉和標籤:
input
會轉換為：
<input
/>
4.2.1標籤中新增文字
p 歡迎加入wandoujia-fe
會轉換為：
<p>歡迎加入wandoujia-fe
p>
4.2.2 標籤中巢狀標籤
直接跟寫html一樣就行
p welcome to wandoujia fe, we want <b>you
b>
會轉換為：
<p>welcome to wandoujia fe, we want <
b>you
b>
p>
4.2.3 標籤中有大段的塊內容
比如一段js**，注意是script後面有乙個"."
script.console.log('welcome to join wandoujia-fe')
console.log('we want you')
script| console.log('welcome to join wandoujia-fe')
| console.log('we want you')
轉換結果：
console.log('welcome to join wandoujia-fe')
console.log('we want you')
script>
以()來分割屬性
a(rel="nofollow", href="") 招聘
會轉換為：
<a rel
="nofollow"
href
="">招聘
a>
4.4.1 單行注釋
// changed by yc-team
會轉換為：
4.4.2多行注釋
body//p 測試**by yaochun
會轉換為：
<body
>
body
>
4.4.3不輸出的注釋
在單行注釋上加乙個短橫線-
//- 這段注釋不會輸出p 文字測試by yaochun
會轉換為：
<p>文字測試by yaochun
p>
注意： 很多文件裡面提到的條件注釋已經不再支援
新增乙個doctype只需要doctype，然後再跟乙個可選的值，預設是html
doctype html
會轉換為：
doctype html
>
注意：!!!這種簡寫的方式已經被拋棄了~
可選值還有：
標籤後面跟上#id,.classname，如果沒有標籤則使用預設標籤div
#contentp#info
a.btn
會轉換為：
<div
id="content"
>
div>
<
p id
="info"
>
p>
<
a class
="btn"
>
a>
連著寫即可
a#download-btn.btn.blue-btn
會轉換為：
<a id
="download-btn"
class
="btn blue-btn"
>
a>
**：
學習前端模板引擎 jade 一
通常大部分前端開發工作者一開始步入前端開發的時候，都是直接簡單的寫html頁面然後丟給後台開發，後台開發在來嵌入模版。對於日益龐大的前端頁面來說，還是用老的字串拼接的方法來嵌入html內容已經不適應當下的開發趨勢了。廢話不多說，直接切入正題。第二步我要安裝npm包管理工具，在node環境下，不裝gr...
Mako模板引擎安裝及在Django中的整合
最近使用django做專案，覺得自帶模板侷限性很大，使用起來自由度不高，最終還是痛下決心換mako模板。找到一篇文章，講述如何在django的基礎上安裝mako並使用。mako模板引擎安裝及在django中的整合 作業系統 linux cent os 5 max os x 10.6 snow leo...
一起學習thymeleaf模板引擎
簡單說，thymeleaf 是乙個跟 velocity freemarker 類似的模板引擎，它可以完全替代 jsp 相較與其他的模板引擎，它有如下三個極吸引人的特點 1.thymeleaf 在有網路和無網路的環境下皆可執行，即它可以讓美工在瀏覽器檢視頁面的靜態效果，也可以讓程式設計師在伺服器檢視帶...