274浏览

0评论

React 的工作原理

React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 "diffing" 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff的结果来更...

• 空空 / react / 2022-12-06

210浏览

0评论

了解 shouldComponentUpdate 吗

React 虚拟 dom 技术要求不断的将 dom 和虚拟 dom 进行 diff 比较，如果 dom 树比价大，这种比较操作会比较耗时，因此 React 提供了 shouldComponentUpdate 这种补丁函数，如果对于一些变...

• 空空 / react / 2022-12-06

202浏览

0评论

React 性能优化方案

1）重写 shouldComponentUpdate 来避免不必要的 dom 操作。 2）使用 production 版本的 React.js。 3）使用 key 来帮助 React 识别列表中所有子组件的最小变化...

• 空空 / react / 2022-12-05

215浏览

0评论

diff 算法?

1.把树形结构按照层级分解，只比较同级元素。 2.给列表结构的每个单元添加唯一的 key 属性，方便比较。 3.React 只会匹配相同 class 的 component（这里面的 class 指的是组件的名字） 4...

• 空空 / react / 2022-12-05

231浏览

0评论

为什么虚拟 dom 会提高性能

虚拟 dom 相当于在 js 和真实 dom 中间加了一个缓存，利用 dom diff 算法避免了没有必要的 dom 操作，从而提高性能。 具体实现步骤如下： 1.用 JavaScript 对象结构表示 DOM 树的结构；然...

• 空空 / react / 2022-12-05

261浏览

0评论

React 性能优化是哪个周期函数

shouldComponentUpdate 这个方法用来判断是否需要调用 render 方法重新描绘 dom。因为 dom 的描绘非常消耗性能，如果我们能在 shouldComponentUpdate 方法中能够写出更优化的 dom d...

• 空空 / react / 2022-12-05

196浏览

0评论

React 生命周期函数

一、初始化阶段： getDefaultProps:获取实例的默认属性 getInitialState:获取每个实例的初始化状态 componentWillMount：组件即将被装载、渲染到页面上 render:组...

• 空空 / react / 2022-12-05

250浏览

0评论

redux 有什么缺点

1.一个组件所需要的数据，必须由父组件传过来，而不能像 flux 中直接从 store 取。 2.当一个组件相关数据更新时，即使父组件不需要用到这个组件，父组件还是会重新render，可能会有效率影响，或者需要写复杂的 shoul...

• 空空 / react / 2022-12-05

227浏览

0评论

redux 中间件

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action ->middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，ac...

• 空空 / react / 2022-12-05

241浏览

0评论

Redux 与 Flux 有何不同

...

• 空空 / react / 2022-10-12