beifeng11996

diff 算法? 把树形结构按照层级分解，只比较同级元素 给列表结构的每个单元添加唯一的 key 属性，方便比较 React 只会匹配相同 class 的 componen...

先来思考一个老生常谈的问题，setState是同步还是异步? 再深入思考一下，useState是同步还是异步呢？ 我们来写几个 demo 试验一下。 先看 useState...

React diff 算法的原理是什么？ 实际上，diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。它通过对比新旧两株虚拟 DOM 树的变...

前言：最近接触到一种新的（对我个人而言）状态管理方式，它没有采用现有的开源库，如redux、mobx等，也没有使用传统的useContext，而是用useState + u...

* `[source]`参数不传时，则每次都会优先调用上次保存的函数中返回的那个函数，然后再调用外部那个函数； * `[source]`参数传[]时，则外部的函数只会在初始...

! 为了防止概念混淆，强调 Diff的瓶颈以及React如何应对 所以为了降低算法复杂度，React的diff会预设3个限制： 那么我们接下来看一下Diff是如何实现的 我...

你对 Time Slice的理解? 时间分片 React 在渲染（render）的时候，不会阻塞现在的线程 如果你的设备足够快，你会感觉渲染是同步的 如果你设备非常慢，你会...

在React中，数据在组件中是单向流动的，数据从一个方向父组件流向子组件（通过props）,所以，两个非父子组件之间通信就相对麻烦，redux的出现就是为了解决state里...

High Order Component（包装组件，后面简称HOC），是React开发中提高组件复用性的高级技巧。HOC并不是React的API，他是根据React的特性形...

用户不同权限 可以查看不同的页面 如何实现？ Js方式 根据用户权限类型，把菜单配置成json, 没有权限的直接不显示 react-router 方式 在route 标签上...

Redux可是一个大名鼎鼎的库，很多地方都在用，我也用了几年了，今天这篇文章就是自己来实现一个Redux，以便于深入理解他的原理。我们还是老套路，从基本的用法入手，然后自己...

提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？ ...

React 性能优化 shouldCompoentUpdate pureComponent 自带shouldCompoentUpdate的浅比较优化 结合Immutable...

1.虚拟dom 原生的JS DOM操作非常消耗性能，而React把真实原生JS DOM转换成了JavaScript对象。这就是虚拟Dom（Virtual Dom） 每次数据...

说说你用react有什么坑点？ 1. JSX做表达式判断时候，需要强转为boolean类型 2. 尽量不要在 componentWillReviceProps 里使用 se...

1、JSX 在React17之前，我们写React代码的时候都会去引入React，并且自己的代码中没有用到，这是为什么呢？ 这是因为我们的 JSX 代码会被 Babel 编...

react diff 算法 diff算法的作用 计算出Virtual DOM中真正变化的部分，并只针对该部分进行原生DOM操作，而非重新渲染整个页面。 传统diff算法 R...

先来几个术语： 官方 我的说法 对应代码 React element React元素 let element=<span>A爆了</span> Component 组件 c...

解释 React 中 render() 的目的。 每个React组件强制要求必须有一个 render()。它返回一个 React 元素，是原生 DOM 组件的表示。如果需要...