AteaYang

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

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

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

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

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

注：花半个月时间，重学基础，学习完、整理完、总结归纳完，痛并快乐着。 alt 是 img 的特有属性，是图片内容的等价描述，图片无法正常显示时候的替代文字。 在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问 …

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

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

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