可以啊那樣的話相當(dāng)于做成了靜態(tài)網(wǎng)站可以看看這里。不使用jade的話

會(huì)增加你標(biāo)簽和操作dom的時(shí)間，而使用模板可以自動(dòng)幫你渲染補(bǔ)齊，例如這樣的標(biāo)簽：

<ul?class="list">
????????<li>0</li>
????????<li>1</li>
????????<li>2</li>
????????<li>3</li>
????????<li>4</li>
????????<li>5</li>
????????<li>6</li>
????????...
????????<li>999<li>
??????</ul>

你要是一個(gè)個(gè)寫(xiě)的話無(wú)非浪費(fèi)電時(shí)間，而模板這樣就可以做到：

ul.list
		-?var?i?=?0;
		while?i?<?999
			li=?i++

還有如果你要在某個(gè)標(biāo)簽里要從數(shù)據(jù)庫(kù)取出數(shù)據(jù)并渲染：

<ul?class="user">
???	<li?id="1"><span?class="name">張三</span><span?class="age">1歲</span></li>
???	<li?id="2"><span?class="name">李四</span><span?class="age">3歲</span></li>
???	<li?id="3"><span?class="name">王五</span><span?class="age">3歲</span></li>
???	<li?id="4"><span?class="name">趙六</span><span?class="age">3歲</span></li>
???	<li?id=".."><span?class="name">...</span><span?class="age">...</span></li>
???	<li?id=".."><span?class="name">...</span><span?class="age">...</span></li>
???	<li?id=".."><span?class="name">...</span><span?class="age">...</span></li>
???	<li?id=".."><span?class="name">...</span><span?class="age">...</span></li>
???	<li?id=".."><span?class="name">...</span><span?class="age">...</span></li>
???	??...
???	<li?id="999"><span?class="name">牛999</span><span?class="age">...</span></li>
???</ul>

這么個(gè)貌似你可以用jq的 forEach一個(gè)個(gè)標(biāo)簽創(chuàng)建再插入dom，不過(guò)像下面這樣豈不是更好？

user.jade

-?var?users?=?從數(shù)據(jù)庫(kù)獲取的數(shù)據(jù)name字段和age字段
		ul.user
			-?each?item?in?users
				li(id?=?item.id)
					span.name?#{item.name}
					span.age?#{item.age}

而且你可以把它編譯成模板（node中）：

app.js

var?jade?=?require('jade');

var?users?=?從數(shù)據(jù)庫(kù)獲取的數(shù)據(jù)name字段和age字段
var?html?=?jade.renderFile('user.jade',{users:?users});?//?讀取user.jade?文件渲染為HTML,第二個(gè)參數(shù)是將從數(shù)據(jù)庫(kù)拿到的數(shù)據(jù)，或自定義的json數(shù)據(jù)

就這幾行代碼就能完成成百上千個(gè)數(shù)據(jù)渲染了，不用我們手動(dòng)一個(gè)個(gè)復(fù)制粘貼該標(biāo)簽?？偠灾褪翘岣吡碎_(kāi)發(fā)效率。

說(shuō)了那么多感覺(jué)是廢話，看到?jīng)]人回答我只是來(lái)補(bǔ)個(gè)空位了。