React学习 -- React源码(1)
发布时间:2020-12-15 07:16:54 所属栏目:百科 来源:网络整理
导读:React源码结构树: 在这些目录结构中,renderers是React代码的核心部分,它包含了大部分功能的实现。 renderers源码目录: 在renderers中,reconciler(协调器)是 最核心的部分 ,包含React中 自定义组件 的实现、 组件生命周期 机制、 setState 机制、 DOM
React源码结构树: 在这些目录结构中,renderers是React代码的核心部分,它包含了大部分功能的实现。 renderers源码目录: 在renderers中,reconciler(协调器)是最核心的部分,包含React中自定义组件的实现、组件生命周期机制、setState机制、DOM diff算法等。 为什么reconciler是核心? 因为reconciler是实现Virtual DOM的最主要代码:在web开发中,要将更新的数据实时反应到UI上,就不可避免的需要对DOM进行操作,而对DOM的复杂频繁的操作将导致开销巨大、性能下降。为此,React引入了VirtualDOM机制,这也正是React的核心与精髓。 在基于React进行开发时,所有的DOM树都是通过VirtualDOM创造的。React在VirtualDOM上实现了DOM diff算法。当数据更新时,会通过该算法找到需要变更的DOM节点,并只对变化的部分进行DOM更新,而不是重新渲染整个DOM树。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
热点阅读