1. 前言

1. 之前写了篇文章 性能优化的方案有哪些,里面都是大方向上的
2. 针对具体的框架有些具体的方案 比如 react中的useMemo 和 useCallback -React.memo
3. 在说点其他的

---

2. useMemo 和 useCallback -React.memo

1.使用 React.memo：使用 React.memo 对组件进行记忆化处理，避免不必要的重新渲染。

2. 使用 useMemo：使用 useMemo 缓存计算昂贵的值，避免重复计算。

3. 使用 useCallback：使用 useCallback 缓存回调函数，避免在每次渲染时创建新的回调函数。

---

3. 避免不必要的渲染：

1. 通过使用shouldComponentUpdate 或 PureComponent（类组件）或 React.memo（函数式组件）来避免不必要的组件渲染。

---

4. 列表渲染优化：

1. 在列表渲染时，使用唯一的 key 属性，避免重复渲染和混乱的 DOM 更新

---

5.懒加载组件：

1. 使用 React.lazy 和Suspense来懒加载组件，只在需要时才进行加载，提高初始加载速度。
2. React.lazy 用法

---

---

参考资料

---

初心

我所有的文章都只是基于入门，初步的了解；是自己的知识体系梳理,如有错误,道友们一起沟通交流;

如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;

共勉