块渲染到底是什么？答案

【问题标题】：What exactly is Block Rendering?块渲染到底是什么？
【发布时间】：2011-03-04 08:54:55
【问题描述】：

视频@20:43 分钟谈论块渲染 - “直接用巨大的字符串替换 innerHtml 而不是多个 DOM 附加操作”

这到底是什么意思？这是否意味着代码已经在 html 字符串块中，而不是逐步操作 DOM 树？

如果有的话，有人有这方面的例子吗？在没有 php 的情况下使用 javascript/html/css？

他的意思是他隐藏了 div，然后再显示它们吗？

提前谢谢你。

【问题讨论】：

【解决方案1】：

我认为是在说两种替换内容的方式

附加 DOM 元素等

var div = document.getElementById('something').appendChild(document.createElement('div'));

用 HTML 元素的序列化列表替换 innerHTML

var div = document.getElementById('something').innerHTML = '<div></div>'

【讨论】：

谢谢您，在您的解释和对此有了更好的了解后，我查找了 innerHTML 并找到了这个stackoverflow.com/questions/1694233/…，这很有帮助。

【解决方案2】：

这只是意味着一次性替换一大块 DOM，而不是多个部分。这意味着浏览器只需重绘一次页面。

您可以通过对未连接到 DOM 的元素使用多个 DOM 附加操作并然后附加该元素来获得相同的效果。

【讨论】：