DOM diff

利用创建对象的方法,在内存中创建一个与真实节点结构相同的虚拟节点对象。 再创建一个将要改变的虚拟节点对象 比较两个虚拟节点的区别,产生petch补丁包 将补丁替换在真实节点上。 DOM diff的优化策略 同级比较 不进行跨级比较,如果同一级没有相同节点,则删除对应节点 如果同级节点换位,则只改变对应位置,不操作其他节点,节省资源 差异计算 dom树先序遍历(根左右),深度优先 平级元素换位置使用
相关文章
相关标签/搜索