javascript/jquery 模板建议答案

【问题标题】：javascript/jquery templating suggestionsjavascript/jquery 模板建议
【发布时间】：2011-12-29 02:43:48
【问题描述】：

我正在开发一个高度依赖于 javascript 的大型应用程序。其中一部分将在屏幕上显示信息。我希望在 ui 上显示信息，并且正在考虑使用 javascript 模板来执行此操作。我将使用 jquery 框架。

对 javascript/jquery 模板框架有什么建议或建议吗？

【问题讨论】：

【解决方案1】：

它不是基于 jQuery，但根据 jsperf.com 上的performance tests，doT.js 模板框架始终是最快的 JS 模板框架。它没有依赖项，因此您应该可以将它与 jQuery 一起使用。

【讨论】：

【解决方案2】：

这是一个有用的 jquery 模板库：http://icanhazjs.com/ 另外，它的名字很有趣！

【讨论】：

【解决方案3】：

仅部分同意 GregL。原始测试没有考虑最终将呈现的 html 附加到页面所花费的时间。

您还应该查看http://jsperf.com/dom-vs-innerhtml-based-templating/259
此测试将包括将呈现的 html 文本附加到页面。

你可以和http://jsperf.com/dom-vs-innerhtml-based-templating/257比较一下
原始测试用例。您会发现模板引擎之间的差异并不显着。您确实需要更多地考虑模板引擎的可用性，除非您打算简单地呈现一小段 html 文本而不将其放到客户端浏览器中。

此外，在我看来，一个好的模板引擎应该极大地帮助您维护模板，帮助你少写多做，这也是jQuery的原则。

doT.js 的性能确实很棒，但我不同意它可以帮助您高效地编写代码。

我现在正在开发一个开源项目，试图构建一个易于使用的模板引擎。它可以帮助您以树状结构管理模板，创建模板引用，定义自己的语法，将数据绑定到 html dom.. 请尝试一下

你也可以阅读stackoverflow中的另一个问题

【讨论】：

在服务器端使用 javascript 时，使用 innerHTML 的 DOM 操作成本实际上不是问题。尽管如此，我发现在做 innerHTML 时的差异真的很有趣和令人困惑。你知道在做 innerHTML 时如何解释库之间的急剧性能变化吗？我想知道如何重复渲染相同的 sn-p。例如 dot.js 支持部分。

【解决方案4】：

是的，我已经在几个项目中成功使用了这个John Resig’s Microtemplating engine。它非常简单、可维护且易于使用。

【讨论】：