使用多个模板渲染一个集合

Question

我正在构建一个新闻提要类型功能，它需要客户端呈现提要项目。 Feed 项目有不同类型，这意味着每种类型需要不同的模板。我目前正在使用 UnderscoreJS 模板，但对新想法持开放态度。

我使用的方法大致如下：

template : {
    f : "<li> <%= item.user.name %> uploaded a file </li>", // file upload
    m : "<li> <%= item.user.name %> just joined </li>", // just joined
    p : "<li> <%= item.user.name %> - <%= item.data.txt %> </li>" // comment
}

var html="";

for(i in feeditems){
    var item = feeditems[i];
    html+= _.template(template[item.type], { item: item });
}

$('#container').html(html);

这是解决此问题的最佳方法吗？

Answer 1

来自 Underscore.js 文档

模板

将 JavaScript 模板编译为可评估渲染的函数。对于从 JSON 数据源渲染复杂的 HTML 非常有用。

从我读到的内容来看，它应该非常有效。

这是最有效的吗？

很难说，最有效的方法就是对字符串进行硬编码不是吗？然而，根本不需要查找，有时最好牺牲一点效率以获得更具可读性的代码。

您有任何性能问题吗？如果你不这样做，我就不会担心。如果您这样做，我不会考虑这是否是最有效的模板，而是会分析应用程序，因为瓶颈很可能在其他地方。