什么是块渲染？

Question

http://www.youtube.com/watch?v=_RRnyChxijA

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

这究竟是什么意思？这是否意味着代码是如何在html的字符串块中，而不是逐步操纵DOM树？

如果是这样，有人有这方面的例子吗？使用没有PHP的javascript / html / css？

他是否意味着他隐藏了div然后再显示它们？

提前谢谢你。

Answer 1

我认为这是在谈论替换内容的两种方式

1. 追加DOM元素等

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

2. 将innerHTML替换为HTML元素的序列化列表

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

Answer 2

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

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