目录 序言 DOM事件流 事件捕获阶段、处于目标阶段、事件冒泡阶段 addEventListener 方法 React 事件概述 事件注册 document 上注册 回调函数存储 事件分发 小结 ...

React是单向数据流，数据主要从父节点传递到子节点（通过props）。如果顶层（父级）的某个props改变了，React会重渲染所有的子节点。 ...

事件流 Dom事件流将事件分为三个阶段：捕获阶段、目标阶段、冒泡阶段。先调用捕获阶段的处理函数，再调用目标阶段的处理函数，最后调用冒泡阶段的处理函数。 ​ 举例 打印结果是： captureA --> captureB --> bubbleC --> ...

React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。本文从两个方便来解析 react-router 实现原理。一：介绍 react-router 的依赖库history；二：使用 history 库，实现 ...

目录 代码分割 React的懒加载 import() 原理 React.lazy 原理 Suspense 原理 参考 1.代码分割 （1）为什么要进行代码分割？ 现在前端项目基本都采用打包技术，比如 Webpack，JS逻辑 ...

，提升了用户体验，同时还引入了hooks等特性。那隐藏在React背后的原理是怎样的呢，Fiber和hoo ...

React的核心为组件。你可以像嵌套HTML标签一样嵌套使用这些组件，这使得编写JSX更加容易因为它类似于标记语言。 当我刚开始学习React时，当时我认为“使用 props.children 就这么回事，我知道它的一切”。我错了 ...

本文总结自《JavaScript高级程序设计》以及自己平时的经验，针对较新浏览器以及 DOM3 级事件标准（2016年8月），对少部分内容作了更正，增加了各种例子及解析。 如无特殊说明，本文后的文字引用和图片引用均来自《JavaScript高级程序设计》，引用稍有改变原文，不改变意思 ...