Question

这是一个YouTube iframe和一些div（约5或更少），它们将视频数据显示为标题，时间和进度条以及底部的随机视频部分。如果视频不存在，则不应显示这些（标题，时间和进度）div，如果用户点击随机视频，则应再次显示这些div。

当使用JS单击按钮或者根本不生成按钮并使用generate hidden tags and show them创建时，createElement()更快吗？

有哪些优点/缺点？当然哪个更快？

那delta time真的很重要吗？

Answer 1

两者都是不错的选择，但它们之间的区别在于HTML的解析速度比JS快得多，因为它不需要在页面加载后进行解释。但javascript也会锁定该元素，以便无法手动更改。

例如，您正在阅读的此answer将需要大约2毫秒才能加载到页面上...但如果您这样做了：

var answer = createElement('div');
answer.innerHTML = "Both are good options...";
document.body.appendChild(answer);

每一行大约需要5毫秒，总计最多15毫秒。让它慢一点。但如果你只对少数几个元素做这件事，那就不会太激烈了。

现在，如果您在chrome / firefox / safari中尝试执行CTRL+SHIFT+I或F12 ...您应该看到开发人员工具弹出...如果您将此答案设置为隐藏，您将看不到这个答案。但你仍然可以改变它的代码。当你取消隐藏它时，它会显示新的代码。 Javascript会阻止这种情况发生，但如果该元素已经制作好，或者其中包含大量内容，那么只需使用hidden

HTML隐藏标签与JS createElement

1 个答案: