1. 前言
- 之前写了篇文章 性能优化的方案有哪些,里面都是大方向上的
- 针对具体的框架有些具体的方案 比如 react中的useMemo 和 useCallback -React.memo
- 在说点其他的
2. useMemo 和 useCallback -React.memo
1.使用 React.memo：使用 React.memo 对组件进行记忆化处理，避免不必要的重新
渲染。
- 使用 useMemo：使用 useMemo 缓存
计算昂贵的值，避免重复计算。
- 使用 useCallback：使用 useCallback 缓存
回调函数，避免在每次渲染时创建新的回调函数。
3. 避免不必要的渲染：
- 通过使用
shouldComponentUpdate或PureComponent（类组件）或 React.memo（函数式组件）来避免不必要的组件渲染。
4. 列表渲染优化：
- 在列表渲染时，使用唯一的 key 属性，避免重复渲染和混乱的 DOM 更新
5.懒加载组件：
- 使用
React.lazy和Suspense来懒加载组件，只在需要时才进行加载，提高初始加载速度。- React.lazy 用法
网友评论