你的尤里卡时刻

摘要： 这是React16的内容，并不是最新的技术，但是用很少被讨论，直到通过文档发现其实也是很有用的一部分内容，还是总结一下～ React中的未捕获的 JS 错误会导致整个应用的崩溃，和整个组件树的卸载。从 React16 开始就是这样。但是同时React也引入了一个新的概念——错误边界。 定义，是什么 阅读全文

摘要： 什么是BFC？什么作用？ Block Formatting Context 块盒子布局发生的区域，浮动元素和其他元素交互的区域 浮动定位和清除浮动的时候只会应用于同一个BFC内的元素。浮动不会影响其他BFC中元素的布局，而清除浮动只能清除同一BFC中在它前面的元素的浮动。 外边距的折叠也只会发生在同 阅读全文

摘要： 参考： 常见六大 Web 安全攻防解析 常见 Web 安全攻防总结 Web安全知多少 XSS cross-site script.跨站脚本，XSS。 浏览器端运行非法的 HTMl 或 script 标签进行的一种攻击。 可能造成的影响： 利用虚假输入表单骗取用户个人信息 利用脚本窃取用户的 Cook 阅读全文

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

摘要： 一篇对Dan的 How Are Function Components Different from Classes? 一文的个人阅读总结，内容来自于此。强烈推荐阅读 Dan Abramov.的博客。 函数式组件和Class组件有什么不同？ Dan很直接的给出了答案： 函数式组件捕获了渲染所用的值。 阅读全文

摘要： 对于弹出层组件，React Portals 无疑是提供了一种很好的解决方案(Protal相关也可以看这里)。 如果没有 Portal的话弹出层要怎么处理呢，比如React Native环境中？ React Native中可以使用Modal组件，但是因为层级问题以及与其他组件的兼容性也是经常被诟病。 阅读全文

摘要： 参考链接：https://stackoverflow.com/questions/38256332/in-react-whats-the-difference-between-onchange-and-oninput DOM 的oninput和onchange oninput在输入内容的时候，持续调 阅读全文

摘要： Debounce debounce 原意消除抖动，对于事件触发频繁的场景，只有最后由程序控制的事件是有效的。 防抖函数，我们需要做的是在一件事触发的时候设置一个定时器使事件延迟发生，在定时器期间事件再次触发的话则清除重置定时器，直到定时器到时仍不被清除，事件才真正发生。 const debounce 阅读全文

摘要： react-native-slidepicker 一个纯 JavaScript 实现的的 React Native 组件，用于如地址，时间等分类数据选择的场景。 github: https://github.com/lexguy/react-native-slidepicker 效果 三轮选择，选择 阅读全文

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