javascript - 在 jQuery : javascript template vs. 中高效克隆 html 追加 html，哪个性能更好？

Question

更改灯箱 html 的最佳/最佳方法是什么？

假设我有 20 个表格行，我想将它们弹出到 fancybox 中.选项是:

1. 将 iframe 中的详细 View 作为纯 html 加载(每个弹出窗口 1 个 http 请求)
2. 以 JSON 格式加载详细信息，并将它们传递到内联 javascript 模板中以创建弹出窗口
3. 加载详细信息，遍历弹出窗口的 DOM 并将 JSON 值放在正确的位置(例如 $("#popup .title").text(model.title);)
4. 将详细信息加载为隐藏的内联服务器生成的 HTML，并将 html 克隆到弹出窗口中 $("#popup").html($(".details", row).clone()).

添加的 HTML 是您可以在个人资料中找到的内容(链接、描述、 Logo 、地址等)，因此它不是一吨，也不是一行。

这里是否有关于什么是最快的 javascript 的标准？

Answer 1

选项#2。在效率方面没有竞争。