前端工程化，这个范畴中的一部分就是在项目中实现代码编写和提交时候的自动格式校验和美化，这一步离不开如题几个工具。今天就来学习husky、eslint、prettier、lin...
发简信
IP属地：上海
-
前端工程化-husky、eslint、prettier、lint-staged的使用 -
React.forwardRefforwardRef，咋一看长的和useRef很像，既然很像，那么功能必定相似，因此猜想也是使用ref来引用一个DOM的。猜想对不对先不管，可以先回顾一下useRef[htt...
-
谢谢建议，codesandbox代码要保存的话需要登录，我没有登录。其实直接拷贝到项目中测试也可以。
useLayoutEffect
useLayoutEffect与useEffect名字很像，用法也大致类似，但两者执行时机不同： useEffect 的函数会在组件渲染到屏幕之后执行useLayoutEff...
-
useImperativeHandle
useImperativeHandle 可以让你在使用 ref 时自定义暴露给父组件的实例值。在大多数情况下，应当避免使用 ref 这样的命令式代码。useImperativ...
-
比菜鸟教程好的地方在于，菜鸟教程你看完了reduce后让你以为它只能用来对数字型数组的求和运算，哪知，疏忽了个重要的地方，就是回调函数中第一个参数就是上次返回的那个结果（或初始设置的）
JS数组reduce()方法详解及高级技巧
reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是...
-
关于pre参数，是不是可以理解为，它是上次遍历时返回、或初始设置的那个值
JS数组reduce()方法详解及高级技巧
reduce()方法可以搞定的东西，for循环，或者forEach方法有时候也可以搞定，那为啥要用reduce()？这个问题，之前我也想过，要说原因还真找不到，唯一能找到的是...
-
react中key的另一面用法当谈起react中key属性，首先且唯一能想到的就是map遍历生成元素时得加上的那么个东西，除此之外key似乎不会用在别的地方了——这是我们对key的印象：它很重要但存在感低...
-
useContext
先来看官网解释： 接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。当前的 context 值由上层组件中...
-
react18之startTransition
概述 在React 18中，我们引入了一个新的API，帮助在应用程序即使在视图大量更新期间也能保持响应。这个新的API通过将特定的更新标记为“transition”，让您可以...
-
react18 之 batching
什么是批处理 批处理是指React将多个状态更新组合为单个新渲染，以获得更好的性能 react17 批处理示例[https://codesandbox.io/s/spring...
-
useReducer
先来看官网解释： useState的替代方案。它接收一个形如 (state, action) => newState 的 reducer，并返回当前的 state 以及与其配...
-
-
useCallbackuseCallback同前面讲的useMemo、useLayoutEffect一样可以用来提高性能。先来看看官网如何解释： 官网的解释很简单，其中有关键的两点： useCal...
-
React.memo先来看官网解释： React.memo 为高阶组件。如果你的组件在相同 props 的情况下渲染相同的结果，那么你可以通过将其包装在 React.memo 中调用，以此通过记...
-
-
useLayoutEffectuseLayoutEffect与useEffect名字很像，用法也大致类似，但两者执行时机不同： useEffect 的函数会在组件渲染到屏幕之后执行useLayoutEff...
-
