React如何绑定捕获方式事件

2021-12-15
阅读 1 分钟
4k
熟悉React的都知道,比如onClick绑定的事件是在冒泡阶段执行的,如何监听捕获阶段的事件呢?答案:onClickCapture,只需要在事件绑定熟悉会加上Capture后缀,React会在捕获阶段调用事件回调执行举个🌰 {代码...} 下图执行顺序关于DOM事件流不熟悉可以看这篇文章DOM事件流

你所不知道的stopPropagation

2021-12-15
阅读 1 分钟
1.2k
大家都说stopPropagation能阻止事件冒泡,没错。但有个点你可能不知道,他还能阻止事件捕获传递。如果你还不了解DOM事件流,可以看我这篇文章[DOM事件流]([链接])举个🌰 {代码...} 点击按钮,只会打印出root-捕获笔记如果在捕获阶段,调用了stopPropagation,则按事件流的顺序,后面的捕获和冒泡事件都不会执行同样,只在...

PureComponent原理

2021-12-15
阅读 3 分钟
1.1k
1. PureComponent介绍PureComponent会对props和state进行浅比较,跳过不必要的更新,提高组件性能。2. demo举例使用Component {代码...} 点击按钮,即使num值不变,组件Foo仍然更新了,控制台打印了foo-render使用PureComponent {代码...} 只有num值改变时,才会触发Foo组件render3. 原理react源码搜索checkShouldCompon...

redux用法和原理

2021-12-15
阅读 7 分钟
1.1k
本文带着大家回顾下redux用法,redux的API,createStore、reducer、dispatch等,理解用法后,一起探究原理,难点是redux中间件的原理部分。注意:本文只探究redux,不关注react-redux,react-redux的使用和原理后面会有专文讲解,redux的用处不限于react,任何你想要订阅事件的地方,都可以单独使用redux。

让你学会DOM事件流

2021-12-15
阅读 5 分钟
890
addEventListener第三个参数,Boolean类型值,可指定事件冒泡阶段还是捕获阶段触发,true-捕获,false-冒泡,默认false,既冒泡。

跟我学浏览器事件环

2021-12-15
阅读 2 分钟
1.4k
我们知道,在javascript 中,有定时器setTimeout、服务请求ajax、ui渲染、还有些Promise等,浏览器在解析这些代码时,不是同步进行的。比如setTimeout要等到时间到时才会执行,ajax要等到服务端响应后才会拿到返回数据。那么浏览器如何知道什么时候该去处理setTimeout或者ajax,方法就是,一轮一轮循环,这就形成了浏览...

js的节流和防抖

2021-12-15
阅读 1 分钟
953
现在大多数项目都在用React或者Vue,再配套一个UI库,快速搭建一个系统,的确方便了日常开发工作。我们在拥抱框架和开源工具库的同时,却渐渐淡忘了javascript基础知识,因为工具库太多了,需要什么npm上就有什么。