弓长草堂笔录

本文通过`Dialog`对话组件举例，解释了为什么看似完美的`hook`提取方案会导致应用性能严重下降。其本质原因在于`hook`内部的`state`变化会导致`“宿主”组件重新渲染。

useMemo 和 useCallback 是React中的两个钩子函数，它们的目的是优化组件的性能。文本将从使用目的、常见错误用法、最佳实践等多个角度解释如何用好这两个勾子。

css负margin的作用 父子元素的宽度计算要满足公式：margin + padding + width = 父元素内容区宽度。当margin为负值时则会增大width的值。然而元素的背景、边框并不

是一种适用于遍历对象自身及其原型链上的所有可枚举属性的方法。 为了解决上述方法存在的缺陷，且能满足向后兼容的需求，js编程界急需一种简洁，且能结合return break continue语句使用的方法，于是es6提出了全新的for...of循环。 对于没有iterator接口…

所谓解构是指用一个类似数组或对象字面量的语法，将数组或对象（迭代器）的属性值赋值给变量。当使用数组解构时，被解构的对象一定要包含一个迭代器。 所谓迭代解构是指将属性值为对象的值解构赋值给同为对象的变量，从而实现解构的深层次属性赋值。 对象解构的简写来源于es6中对象属性赋值简写…