大家都知道 React 实现了自己的一套事件系统,今天就来说说这套事件系统的底层事件基类 SyntheticEvent
,它位于 events
package 下。
下面是 Interface
,它挂载在 SyntheticEvent
作为其静态属性,其他子类主要是通过 Interface 来生成扩展自己特有的属性:
紧接着就是在原型上挂载 preventDefault
、 stopPropagation
、 presist
、 isPersistent
、 destructor
等方法以及属性:
上面提到了 react 为了提升性能,在实现了一个 事件池
的概念,这样被释放的事件就可以被放入其中,下次再使用时,直接从其中取,省去了在此创建和销毁的开销:
此外,大家知道,不同的事件有不同的属于其本身的属性,如鼠标事件有 pageX/pageY ,滚轮事件有 deltaX/deltaY 等,上面的构造函数只是确定了基本的事件属性。所以 SyntheticEvent 实现了一个静态方法—— extend
用于扩展该事件类。
下面就看下它是如何扩展鼠标事件的:
以上只是了解了 react 事件的一小块,它将所有的事件都委托在 document
上,更多内容有兴趣的看下这篇文章 React事件机制 - 源码概览(上) ,如有不当,欢迎指出交流 :smile::smile:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 探索 React 合成事件
- 极大提升合成速度,百度提出首个全并行语音合成模型ParaNet
- 基于学习的证据合成方法研究
- LearningAVFoundation之视频合成+转场过渡动画
- 文件分片上传之后端PHP合成文件
- HTML5 之音频合成(SpeechSynthesis)
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
OpenCV3编程入门
毛星云 / 电子工业出版社 / 2015-2 / 79
OpenCV在计算机视觉领域扮演着重要的角色。作为一个基于开源发行的跨平台计算机视觉库,OpenCV实现了图像处理和计算机视觉方面的很多通用算法。本书以当前最新版本的OpenCV最常用最核心的组件模块为索引,深入浅出地介绍了OpenCV2和OpenCV3中的强大功能、性能,以及新特性。书本配套的OpenCV2和OpenCV3双版本的示例代码包中,含有总计两百多个详细注释的程序源代码与思路说明。读者......一起来看看 《OpenCV3编程入门》 这本书的介绍吧!