JavaScript模板引擎

Question

我想在JavaScript中创建通用模板引擎，如何？

HTML模板

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

JSON文件

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

的Javascript

• 在HTML文件中查找＆lt;％title1％＆gt;
• 在JSON文件变量“title1”
中查找
• 替换＆lt;％title1％＆gt;值为变量“title1”

＆lt;％title2％＆gt;

相同

谢谢！

Answer 1

看看this article。它讨论了一个提议（由microsoft提供）如何将模板的支持添加到jQuery库中。

在同一篇文章中，您还会找到一些现有模板解决方案的概述（也许您会找到符合您需求的内容，而不是重新发明轮子）。

更新（2012-07-23）：

jQuery模板项目在一年多前就被放弃了。似乎Boris Moore继续使用新项目jsrender和jsviews进行工作。

Answer 2

John Resig Micro-Templating是很酷的解决方案

Answer 3

您可能想看一下我的jQuery模板插件jQote2。就可用性和速度而言，我还没有看到更好的模板解决方案（相信我，我已经尝试过所有这些）。

它有一个内置的闭包编译器，让你可以预编译你的模板（如果你想把你的模板保存在.js文件中很方便）和一个缓存机制。当前版本还提供了一些方便的方法，可以减轻追加/添加/替换DOM节点的痛苦。

试一试，你不会后悔的。 此致