实果子

Vue 中实现响应式更新主要分为2步：1、将普通对象变为可追踪的数据；2、组件实例记录使用到的数据，数据变更时再通知组件进行更新...

在 React 中，只要组件的state数据有变更，当前组件就会重新渲染。state数据有3个组成部分：props、state、context，这些数据产生变更，我们就称使...

想要做好性能优化，我们就需要先了解下 `React` 的更新渲染机制，了解哪些场景会触发更新，更新内容如何判定，这样才能做到有的放矢，针对性的进行优化。...

当父组件数据变更时，会导致所有子孙组件全部重新渲染，造成大量的性能损耗。此时我们可以通过使用 `React.memo` 包裹组件，来达到性能优化。...

提高页面渲染效率，可以通过以下几个方式来实现：DOM层级不要变；相同内容节点类型不要变；循环元素添加 key 值；保持结构的稳定性，避免兄弟节点错位而严重影响性能。...