亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

正在回答

1 回答

可以啊那樣的話相當于做成了靜態網站可以看看這里。不使用jade的話

會增加你標簽和操作dom的時間,而使用模板可以自動幫你渲染補齊,例如這樣的標簽:

<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>

你要是一個個寫的話無非浪費電時間,而模板這樣就可以做到:

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

還有如果你要在某個標簽里要從數據庫取出數據并渲染:

<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>

這么個貌似你可以用jq的 forEach一個個標簽創建再插入dom,不過像下面這樣豈不是更好?

user.jade

-?var?users?=?從數據庫獲取的數據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?=?從數據庫獲取的數據name字段和age字段
var?html?=?jade.renderFile('user.jade',{users:?users});?//?讀取user.jade?文件渲染為HTML,第二個參數是將從數據庫拿到的數據,或自定義的json數據

就這幾行代碼就能完成成百上千個數據渲染了,不用我們手動一個個復制粘貼該標簽??偠灾褪翘岣吡碎_發效率。

說了那么多感覺是廢話,看到沒人回答我只是來補個空位了。

2 回復 有任何疑惑可以回復我~
#1

不講道理的柯里昂 提問者

多謝~
2017-06-24 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
帶你學習Jade模板引擎
  • 參與學習       31263    人
  • 解答問題       125    個

Jade教程,前端開發提速利器,讓項目開發行云流水般順滑

進入課程
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號