当前位置:首页>维修大全>综合>

react原理(react详细讲解)

react原理(react详细讲解)

更新时间:2024-04-05 07:31:18

react原理

React 根据W3C 规范来定义自己的事件系统,其事件被称之为合成事件 (SyntheticEvent)。而其自定义事件系统的动机主要包含以下几个方面:

(1)抹平不同浏览器之间的兼容性差异。最主要的动机。

(2)事件"合成",即事件自定义。事件合成既可以处理兼容性问题,也可以用来自定义事件(例如 React 的 onChange 事件)。

(3)提供一个抽象跨平台事件机制。类似 VirtualDOM 抽象了跨平台的渲染方式,合成事件(SyntheticEvent)提供一个抽象的跨平台事件机制。

(4)可以做更多优化。例如利用事件委托机制,几乎所有事件的触发都代理到了 document,而不是 DOM 节点本身,简化了 DOM 事件处理逻辑,减少了内存开销。(React 自身模拟了一套事件冒泡的机制)

(5)可以干预事件的分发。V16引入 Fiber 架构,React 可以通过干预事件的分发以优化用户的交互体验。

的设计原理

react的设计原理就是其引入的虚拟dom机制:

1、react用javascript在浏览器端实现了一套虚拟dom api。

2、基于react开发的时候所有的dom构造都是基于虚拟dom进行的

3、每当有state更改的时候,react就重新render一整套虚拟dom树,react机制会将当前的整个dom树和上一次的dom树进行对比 ,取到diff,进行真实的dom更改。

4、其实state也有一部分实现的是数据、html片段绑定。

更多栏目