javascript - 任何返回 DOM 片段的 JavaScript 模板库/系统/引擎/技术？

Question

我必须制作一个高速网络应用程序，我需要一个 JavaScript 模板库/系统/引擎/技术来返回 DOM 片段而不是包含 HTML 的字符串。

当然它应该有一些类似于Resig's Micro-Templating的语言

编译后我期待这样的事情:

function myTemplate(dataToRender){
    var fragment = document.createDocumentFragment();
    fragment = fragment.appendChild(document.createElement('h1'));
    fragment.appendChild(document.createTextNode(dataToRender.title));
    fragment = fragment.parentNode;
    fragment = fragment.appendChild(document.createElement('h2'));
    fragment.appendChild(document.createTextNode(dataToRender.subTitle));
    fragment = fragment.parentNode;
    return fragment;
}

有什么选择吗？

编辑:模板函数不应连接 HTML 字符串。它会降低速度。 JQuery 模板在内部使用字符串。所以 Resig 的微模板。

Edit2:我刚刚在 jsPerf 上做了一个基准测试.这是我在 JavaScript 中做的第一个基准测试，所以有些人检查了一下(我不确定它是否正确)。

Answer 1

检查 jquery 模板。 http://api.jquery.com/category/plugins/templates/

它让您创建带有“if”、“each”等关键字和未声明变量的 html 片段。然后，您可以使用一些值对来自 JavaScript 的片段调用“tmpl”，并返回一个 DOM 元素。