javascript - 什么是 block 渲染？

Question

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

@20:43 分钟的视频讨论了 block 渲染——“直接用一个巨大的字符串替换 innerHtml 而不是多个 DOM 追加操作”

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

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

他的意思是他把div隐藏了，以后再显示吗？

提前致谢。

Answer 1

我觉得是在说替换内容的两种方式

1. 追加 DOM 元素等

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

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

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