React.memo 的作用
React.memo 是函数组件的高阶组件,对 props 进行浅比较,如果 props 未变化则跳过重新渲染,用于优化性能。
阅读全文 →React.memo 是函数组件的高阶组件,对 props 进行浅比较,如果 props 未变化则跳过重新渲染,用于优化性能。
阅读全文 →使用 index 做 key 在列表发生插入、删除、排序等操作时,会导致 React 错误复用 DOM 元素,引发状态错乱和性能问题。
阅读全文 →useMemo :缓存计算结果,避免昂贵的计算在每次渲染时重复执行 useCallback :缓存函数引用,避免子组件因 props 引用变化而不必要的重新渲染
阅读全文 →不传依赖数组 :每次组件渲染后都会执行 传空数组 [] :仅在组件挂载后执行一次(类似 componentDidMount ) 传具体依赖值 [dep]
阅读全文 →通过给组件元素自动添加唯一属性(如 data-v-xxxxxx ),并将样式选择器编译为带该属性的选择器,从而实现样式作用域隔离。
阅读全文 →逻辑复用更方便(自定义 Composable) 更好的 TypeScript 支持 相关代码组织在一起,而非分散在不同选项中 更灵活的代码组织方式
阅读全文 →响应式原理 :Vue2 使用 Object.defineProperty ,
阅读全文 →readonly 用于标记属性或索引签名只读,编译后会被移除(仅编译时检查)。对于数组可用 ReadonlyArray 或 readonly T[] 。
阅读全文 →any :关闭类型检查,可以赋值给任意类型,也可以调用任意方法 unknown :类型安全的 any,不能直接赋值给其他类型,
阅读全文 →特性 interface type 支持合并声明 ✅ 会自动合并 ❌ 不能重复定义 支持继承 ✅ extends ✅ 交叉类型 & 支持基本类型别名 ❌ ✅ t
阅读全文 →