AteaYang

React中的未捕获的 JS 错误会导致整个应用的崩溃，和整个组件树的卸载。从 React16 开始就是这样。但是同时React也引入了一个新的概念——错误边界。定义，是什么错误边界仍然是一种组件，可

什么是BFC？什么作用？Block Formatting Context==块盒子布局发生的区域，浮动元素和其他元素交互的区域==浮动定位和清除浮动的时候只会应用于同一个BFC内的元素。浮动不会影响其

暴力求解直接乘以n个n的方式可行，但是显然不是我们需要的方案。 n为偶数的时候，x的n次方转为x的n/2的相乘，每个x的n/2次方可以继续转为x的n/4相乘.... n为奇数的时候，n次方转为n/2（取整）之后，多出一个x，再以相同的逻辑继续下分。 这样一来，乘法操作的次数被大…

函数式组件捕获了渲染所用的值。（Function components capture the rendered values.） 直接看结论可能有点不知所云。 看一个组件，使用setTimeout模拟网络请求，点击button之后警告提示关注某人（user），user从pro…

oninput在输入内容的时候，持续调用，通过element.value可以持续取值，失去焦点和获取焦点不会被调用。 onchange在输入期间不会被调用，在失去焦点且失去焦点时的value与获得焦点时的value不一致（输入内容有变化）的时候才会被调用。 如果需要检测用户一个…

对于弹出层组件，React Portals 无疑是提供了一种很好的解决方案(Protal相关也可以看这里)。 如果没有 Portal的话弹出层要怎么处理呢，比如React Native环境中？ 我们来解决这个问题。 Modal的本质就是一个在组件树上拥有更高显示层级的view，…

防抖函数，我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生，在定时器期间事件再次触发的话则清除重置定时器，直到定时器到时仍不被清除，事件才真正发生。 如果事件发生使一个变量频繁变化，那么使用debounce可以降低修改次数。通过传入修改函数，获得一个新的修改函数来使…

对于需要使用弹出层的需求 ，Portal可以说是提供了一种完美的解决方案。相比于React Native中的实现更多的使用Modal或者绝对定位，Portal实在是简易友好得多。 对话框，确认提示框，悬浮窗这些组件，一般都要做一个比当前视图层层级更高的View，但是现有的方案都…

对于 React 中需要强制修改子组件的情况，React 提供了 Refs 这种解决办法，使得我们可以操作底层 DOM 元素或者自定的 class 组件实例。除此之外，文档（v17.0.1）对函数式组件另有描述: 不能在函数式组件上使用ref属性，因为他们没有实例。 在函数式组…