• 前端分为 window 和 document两部分，window是对整个屏幕的整体布局，document 是对整个屏幕的具体布局。
    • 举例：整个屏幕可以分为左右L、R两部分，L部分还可以分为 U、B上下两部分，R部分还可以分为 U、M、B上中下三部分（部分超出一部分也无大碍，比如整个屏幕是1000px,布局为1100px）,这样的话就形成了树，可以根据深度遍历（每层遍历）或者广度遍历（父子关系遍历）。
    • 组件component来渲染render矩形rectangle

    • 举例：假设导航栏分为L、R左右两部分，里面有很多的组件，我不必把所有的组件都用div ，可以每个遍历数据后来显示，这样会增加效率。另外组件里有组件，也可以用相同的方法，就形成了组件嵌套。

    • NZ.png