自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 React组件性能优化

1. 前言 函数式组件是一种非常简洁的数据驱动 UI 的实现方式。如果将 React 组件拆分成三个部分 —— 数据、计算和渲染,我们可以看到性能优化的几个方向。 数据:利用缓存,减少rerender的次数 计算:精确判断更新时机和范围,减少计算量 渲染:精细粒度,降低组件复杂度 今天主要分享数据层面的性能优化技巧。 1.1. 有什么是 Hook 能做而 class 做不到的? 在学习 Reacthook api的过程中,发现其相比类组件的生命周期,更加抽象且灵活...

2021-09-06 23:10:48 123

原创 大前端React高薪训练营笔记汇总

对于 Ref 理解与使用,一些同学可能还停留在用 Ref 获取真实 DOM 元素和获取类组件实例层面上,但实际 ref 除了这两项功能之外,在使用上还有很多小技巧。本章节,我们就一起深入研究一下 React Ref,探索 React Ref 的奥秘。 通过本章节的阅读,你将收获 Ref 的基本使用和进阶用法,明白 React 内部如何处理Ref,以及 Ref 的原理。 二 ref基本概念和使用 对于 Ref ,我认为应该分成两个部分去分析,第一个部分是Ref 对象的创建,第二个部分是React 本..

2021-09-06 23:04:25 108

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除