JavaScript模板引擎應(yīng)用場景及實現(xiàn)原理詳解-創(chuàng)新互聯(lián)

本文實例講述了JavaScript模板引擎應(yīng)用場景及實現(xiàn)原理。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)專注于開陽網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供開陽營銷型網(wǎng)站建設(shè)，開陽網(wǎng)站制作、開陽網(wǎng)頁設(shè)計、開陽網(wǎng)站官網(wǎng)定制、成都微信小程序服務(wù)，打造開陽網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供開陽網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

一、應(yīng)用場景

以下應(yīng)用場景可以使用模板引擎：

1、如果你有動態(tài)ajax請求數(shù)據(jù)并需要封裝成視圖展現(xiàn)給用戶，想要提高自己的工作效率。
2、如果你是拼串族或者數(shù)組push族，迫切的希望改變現(xiàn)有的書寫方式。
3、如果你在頁面布局中，存在共性模塊和布局，你可以提取出公共模板，減少維護(hù)的數(shù)量。

二、實現(xiàn)原理

不同模板間實現(xiàn)原理大同小異，各有優(yōu)缺，請按需選擇，以下示例以artTemplate模板引擎來分析。

2.1 模板存放

模板一般都是放置到textarea/input等表單控件，或者script[type="text/html"]等標(biāo)簽中，如下：

<script id="test" type="text/html">
 {{if isAdmin}}
 <h2>{{title}}</h2>
 <ul>
   {{each user as name i}}
     <li> {{i + 1}} ：{{name}}</li>
   {{/each}}
 </ul>
 {{/if}}
</script>
//textarea或input則取value，其它情況取innerHTML

當(dāng)前題目：JavaScript模板引擎應(yīng)用場景及實現(xiàn)原理詳解-創(chuàng)新互聯(lián)
轉(zhuǎn)載來源：http://muchs.cn/article10/dchpdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、域名注冊、搜索引擎優(yōu)化、營銷型網(wǎng)站建設(shè)、定制網(wǎng)站、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)