React
文章平均质量分 79
Kevin_Darcy
这个作者很懒,什么都没留下…
展开
-
防抖函数在react hooks中的实现
一、起因lodash在react hooks中没成功,每次react函数调用都会产生一个新的函数实例,timer计时器每次都是新的二、自己动手写在搞清楚debounce函数的原理之后,自己总结网上的写法实现了一版如下 /** * @desc: 防抖函数 * @param {*} fn * @param {*} delay */function useDebounce(fn: Function, delay: number) { const {current原创 2021-02-27 17:08:27 · 1339 阅读 · 1 评论 -
PureComponent 的正确打开方式
React 提供了 PureComponent 之后,我们知道 PureComponent 对性能有一定的提升,但是不是所有组件都应该用 PureComponent?与 Component 的区别PureComponent 与 Component 的唯一差别就在于:PureComponent 帮你做了 shouldComponentUpdate 的判断。shouldComponentUpdate(nextProps, nextState){ return !shallo...转载 2021-02-23 21:22:33 · 161 阅读 · 0 评论 -
React hooks 怎样做防抖?
防抖是前端业务常用的工具函数,也是前端面试的高频问题。平时面试候选人,手写防抖人人都会,但是稍做修改就有小伙伴进坑送命。本文介绍了如何在react hooks中实现防抖。背景防抖(debounce)是前端经常用到的一个工具函数,也是我在面试中必问的一个问题。团队内部推广React hooks以后,我在面试中也加入了相关的题目。如何实现一个useDebounce这个看起来很基础的问题,实际操作起来却让很多背代码的小伙伴漏出马脚。问题的安排往往是这样的:什么是防抖、节流,分别解释一下? 在白纸转载 2021-01-05 21:59:36 · 2838 阅读 · 1 评论 -
React useEffect的陷阱
好久不写React的相关的东西,因为虽然这个技术作为工具还是在得到越来越多的应用,但是,React自Hooks和Suspense以来,也没有什么特别值得一说的新功能出来,所以,我也觉得真没有什么好写的:-)回顾一下过去几个月,值得一提的,就是React Hooks正式推出之后暴露出来的一些小问题,这些小问题不是React的缺陷,而是开发者在面对Hooks这种新的思维方式时的水土不服。今天就来讲一个useEffect这个Hook使用的一个小陷阱,看下面的代码,一个Counter,在窗口大小改变的时..转载 2020-08-20 22:03:15 · 1403 阅读 · 0 评论