相信很多人都知道DOMContentLoaded,也就是$.ready(),是在页面DOM构建完之后触发的。
今天突然想到一个问题，这个DOM构建完是指HMTL解析器解析成DOM之后算是构建完，还是渲染的最后一步绘图结束后算是构建完。
直接看图吧：
也就是DOMContentLoaded是在 (1) 还是(2)阶段触发呢？
看[demo],在demo中可以看到黄色的DIV出现在弹框之后；
证明我们常说的DOMContentLoaded，正确的理解是页面首次渲染前触发(发现这个弹框也不准，这个结论还不算正确)