weixin_45015502的博客

原创 React虚拟DOM和DOM Diff算法

一：虚拟DOM1. 为什么要用虚拟DOM真实DOM的操作十分耗费性能，操作过于频繁会带来非常大的性能损耗。2. 原理用js的对象结构表示DOM树结构，然后利用这个js对象构建 一个真正的DOM树，插入到文档当中。相当于在JS和真实DOM中间加了一个缓存。编码时基本上只需要操作虚拟DOM，React会将虚拟DOM变化转为真实DOM变化，然后更新界面，大大减少了DOM操作。3. 图解4. 用jsx手动实现虚拟DOM基本思路：创建一个变量存储dom手动实现一个render方法，将虚拟dom对