null

摘要： useMemo const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); 将“创建”函数和依赖项添加到参数上使用备注，它仅会在某个依赖项改变时才重新计算备忘录值。这种优化避免在每次渲染时都进行高开销的计算。 也 阅读全文

摘要： React生命周期图解： 一、旧版图解： 二、新版图解： 从图中，我们可以清楚知道React的生命周期分为三个部分: 实例化、存在期和销毁时。 旧版生命周期如果要开启async rendering，在render函数之前的所有函数，都有可能被执行多次。 旧版的React生命周期看图就可以啦，我们就不 阅读全文

摘要： // 当需要处理useState的时候，可以使用 useReducerimport React, { useReducer } from 'react' import './App.css' import ComponentA from './components/ComponentA' impor 阅读全文

摘要： useMemo和useCallback的调用签名： function useMemo<T>(factory: () => T, deps: DependencyList | undefined): T; function useCallback<T extends (...args: any[]) 阅读全文

摘要： React 提供三种方式创建 Refs: 字符串 Refs （将被废弃） 回调函数 Refs React.createRef (从React 16.3开始) 第一种方式不推荐使用，原因在此， 并且可能会在之后的版本移除。 class MyComponent extends React.Compone 阅读全文

摘要： useEffect和useLayoutEffect区别 useEffect 基本上90%的情况下,都应该用这个,这个是在render结束后,你的callback函数执行,但是不会block browser painting,算是某种异步的方式吧,但是class的componentDidMount 和 阅读全文

摘要： 微信授权使用的是OAuth2.0授权的方式。主要有以下步骤： 第一步：用户同意授权，获取code 第二步：通过code换取网页授权access_token 第三步：刷新access_token（如果需要） 第四步：拉取用户信息(需scope为 snsapi_userinfo) 请求授权页面的构造方式 阅读全文

摘要： 为了保证的可读性，本文采用意译而非直译。 1.Three.js 超过46K的星星，这个流行的库提供了非常多的3D显示功能，以一种直观的方式使用 WebGL。这个库提供了<canvas>、 <svg>、CSS3D 和 WebGL渲染器，让咱们在设备和浏览器之间创建丰富的交互体验。该库于2010年4月首 阅读全文

摘要： 琐碎的前言 组内需要搭建一个内部组件演示平台，就去研究了下ant-design的源码。意外发现了藏在最下方友情链接栏中的换肤功能。如下图所示： 为了方便演示，我把colorpicker的position改为fixed colorpicker 调用方式 <ColorPicker type="sketc 阅读全文

摘要： ~我们知道的取反是 ! ，返回类型是boolean类型的，例如：!1==false；!0==true；等等 而~是按位取反，和Boolean没多大关系 来看看~1的计算步骤： 将1(这里叫：原码)转二进制 ＝ 00000001按位取反 ＝ 11111110发现符号位(即最高位)为1(表示负数)，将除 阅读全文