dom-diff算法的实现

生成项目

npm install -g create-react-app
create-react-app dom-diff

虚拟DOM

virtual dom ,也就是虚拟节点。通过js的object对象模拟DOM的节点,然后通过特定的render方法 将其渲染成真实的dom节点。

Dom diff 比较两个虚拟dom区别 比较两个对象的区别

dom diff作用 根据两个虚拟对象创建出补丁,描述改变的内容,将这个补丁用来更新dom 如下图


1581150823218.png

dom diff的简单实现源码github

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容