JavaScript模板引擎

Question

我想在JavaScript中創建通用模板引擎，怎麼樣？

HTML模板

<h1><%title1%></h1> 
<h2><%title2%></h2> 

JSON文件

{ 
    "title1" : "Hello World!", 
    "title2" : "Hi World!" 
} 

的Javascript

• 查找HTML文件<％針鋒相對LE1％>
• 查找JSON文件變量 「TITLE1」
• 更換<％TITLE1％與變量 「TITLE1」

同爲<％標題2％>

感謝的價值>！

Answer 1

看一看this article。它討論了一個建議（由微軟）如何支持模板可以添加到jQuery庫。

在同一篇文章中，您還可以找到一些已經存在的模板解決方案的概述（也許您會找到符合您的需求的東西，而不是重新發明輪子）。

更新（2012-07-23）：

jQuery的模板項目被放棄，比去年同期多。看起來Boris Moore繼續他的新項目jsrender和jsviews的工作。

Answer 2

約翰Resig的Micro-Templating涼解

Answer 3

你可能想看看我的jQuery插件模板jQote2。就可用性和速度而言，我還沒有看到更好的模板解決方案（相信我，我都試過了）。

它有一個內置的閉包編譯器，讓你預編譯你的模板（如果你想保持你的模板在.js文件中），以及一個緩存機制。當前版本還附帶了一些方便的方法，可以減輕追加/預置/替換DOM節點的痛苦。

試一下，你不會後悔的。 Regards