摘要: react diff 算法 我们知道React会维护两个虚拟DOM,那么是如何来比较,如何来判断,做出最优的解呢?这就用到了diff算法 diff算法的作用 计算出Virtual DOM中真正变化的部分,并只针对该部分进行原生DOM操作,而非重新渲染整个页面。 传统diff算法 通过循环递归对节点进 阅读全文
posted @ 2023-02-21 10:01 beifeng11996 阅读(31) 评论(0) 推荐(0) 编辑
摘要: Debounce debounce 原意消除抖动,对于事件触发频繁的场景,只有最后由程序控制的事件是有效的。 防抖函数,我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生,在定时器期间事件再次触发的话则清除重置定时器,直到定时器到时仍不被清除,事件才真正发生。 const debounce 阅读全文
posted @ 2023-02-21 10:01 beifeng11996 阅读(44) 评论(0) 推荐(0) 编辑
摘要: react 强制刷新 component.forceUpdate() 一个不常用的生命周期方法, 它的作用就是强制刷新 官网解释如下 默认情况下,当组件的 state 或 props 发生变化时,组件将重新渲染。如果 render() 方法依赖于其他数据,则可以调用 forceUpdate() 强制 阅读全文
posted @ 2023-02-21 10:00 beifeng11996 阅读(24) 评论(0) 推荐(0) 编辑
摘要: Hook 简介 Hook出世之前React存在的问题 在组件之间复用状态逻辑很难 React 没有提供将可复用性行为“附加”到组件的途径(例如,把组件连接到 store)。有一些解决此类问题的方案,比如 render props 和 高阶组件。但是这类方案需要重新组织你的组件结构,这可能会很麻烦,使 阅读全文
posted @ 2023-02-21 09:59 beifeng11996 阅读(21) 评论(0) 推荐(0) 编辑