javascript - 将 HTML 元素用作 "template"还是在 javascript 中动态生成 HTML 更好？

Question

我目前正在创建一个“类似 facebook 的”新闻提要，我想知道我是否最好拥有 1.) 我的 HTML 中的一个元素，我将其克隆到我的 javascript 中并附加我从我的代码中获得的数据在正确的位置调用 ajax，或者 2.) 如果在 javascript 中生成整个元素会更好。

就最佳实践而言，什么更普遍可以接受并允许我获得最佳可扩展性？

这可能是基于情况的答案，还是在这种情况下我应该在我的网站上坚持使用明确的答案？

我看到的选项 2 的缺点是，在 javascript 中编写 HTML 通常不是一个好主意。

选项 1 的缺点可能是，如果我尝试开始操纵状态的整体结构，使其在不同页面上有所不同，将很难跟踪它，并且我可能会把事情搞砸。

Answer 1

我认为答案因情况而异。它因模板的大小和复杂性等而异。我倾向于使用我的 HTML 页面中的 HTML 模板(这样我就可以使用我的创作工具等)并克隆它们。我小心地避免将 JavaScript 代码绑定(bind)到 HTML 的特定结构(而是更喜欢类名、name 属性和/或 data-xyz 属性作为标记事情去哪里)。这让您可以更改 HTML(并在不同的页面上使用不同的 HTML，具有相同的数据)而不必担心破坏您的 JavaScript 代码。只需确保标记在那里(或不存在，如果您想在特定页面上留下一些信息。)

我会在你的两个选项中添加第三个选项:

3) 让 ajax 返回一个 HTML 片段，您只需将其附加到页面即可。

如果您已经在服务器端使用某种模板技术来生成 Feed 的初始部分，那么最后一项最有用，因为这样您就可以将代码放在一个地方而不是两个地方。