Js中DOM的深入知识

回流(重排 reflow)：

            当页面中的HTML结构发生改变（增加、删除元素、位置发生改变....），浏览器都需要重新计算一遍最新的DOM结构，重新的对页面进行渲染。性能比较低。

重绘：

            某一元素的部分样式发生改变了改变(背景颜色改变),浏览器只需要重新渲染当前的元素即可。性能比较高。

DOM映射：

            通过DOM方法获取的一个元素集合(类数组),这个集合仍然和页面的元素保持着联系,并且这个元素集合会随着页面元素的增加而增加,减少而减少,即使把这个类数组转为一个数组,每个元素仍然和页面有联系,这就叫做"DOM映射"。即是对数组的操作就是在操作相应的DOM元素，两者一一映射。

JSON数据绑定：

            前端发送请求给后端，后端响应以JSON格式发送数据给前端，前端得到数据进行页面的渲染，浏览器可以通过动态创建DOM结构、可以通过字符串拼接以及文档碎片方式进行渲染。

            动态创建DOM结构：缺点是每次创建DOM结构会引发回流，消耗性能；优点是不影响之前得DOM结构样式。

            字符串拼接：缺点是影响之前得DOM结构样式，消耗性能；优点是引发回流少，性能高。

            文档碎片方式：是上述两者的综合，推荐使用。

文档碎片

Dom树继承：

Dom树继承

            正是DOM树的继承，很多类型的DOM元素都是继承于它，都共享着相同的基本属性和方法，同时不同的继承会有不同的继承属性和方法：

继承的差别

Document与document的关系和区别：

            document._proto_ ——>  HTMLDocument.prototype ——> Document.prototype——>null