240 发简信
IP属地:上海
  • Resize,w 360,h 240
    前端工程化-husky、eslint、prettier、lint-staged的使用

    前端工程化,这个范畴中的一部分就是在项目中实现代码编写和提交时候的自动格式校验和美化,这一步离不开如题几个工具。今天就来学习husky、esli...

  • Resize,w 360,h 240
    React.forwardRef

    forwardRef,咋一看长的和useRef很像,既然很像,那么功能必定相似,因此猜想也是使用ref来引用一个DOM的。猜想对不对先不管,可以...

  • useImperativeHandle

    useImperativeHandle 可以让你在使用 ref 时自定义暴露给父组件的实例值。在大多数情况下,应当避免使用 ref 这样的命令式...

  • Resize,w 360,h 240
    react中key的另一面用法

    当谈起react中key属性,首先且唯一能想到的就是map遍历生成元素时得加上的那么个东西,除此之外key似乎不会用在别的地方了——这是我们对k...

  • useContext

    先来看官网解释: 接收一个 context 对象(React.createContext 的返回值)并返回该 context 的当前值。当前的 ...

  • react18之startTransition

    概述 在React 18中,我们引入了一个新的API,帮助在应用程序即使在视图大量更新期间也能保持响应。这个新的API通过将特定的更新标记为“t...

  • react18 之 batching

    什么是批处理 批处理是指React将多个状态更新组合为单个新渲染,以获得更好的性能 react17 批处理示例[https://codesand...

  • useReducer

    先来看官网解释: useState的替代方案。它接收一个形如 (state, action) => newState 的 reducer,并返回...

  • Resize,w 360,h 240
    useRef

    先来看看官网如何解释: 你应该熟悉 ref 这一种访问 DOM的主要方式。如果你将 ref 对象以 形式传入组件,则无论该节点如何改变,Re...