08 2021 档案
摘要：最近学习了一下 rc-virtual-list 这个组件，记录一下。 对于一个大的列表，例如，百数量级以上，Dom 的渲染会有很大的性能压力。这个组件通过只渲染可视区域内的部分组件，实际的 Dom 数量只在两位数，从而提高了性能。 它的 Dom 结构比较简单 为了使用 virtual scroll,
阅读全文
摘要：Angular Form Validation 在 form.js 中参考这个方法,validator/asyncValidator 都被封装了一层。把多个 validator 方法合并成一个，然后通过forkjoin，将多个异步合并成一个，这个地方有个坑，asyncValidator 返回的虽然是
阅读全文
摘要：ResizeObserver 的介绍 这个 pollyfill 是用来提供监测目标元素或者页面刷新的一种观察者工具。当目标元素的 clientwidth/height,offsetWidth/Height, 发生变化，或者页面上有动画或者窗体 resize,都会促发回调函数通知观察者。介绍几个类 R
阅读全文
摘要：聊聊 Dom-Align 这个包 最近在写一个弹框的 service,用到了 Dom-Align,来挨着某个元素来弹框，遇到了些坑，记录一下，以免下次再掉进去。 先聊聊 Dom-Align 怎么干活的。这个有个约定, target 指的是参考系，source(目标元素)指的是需要被定位的元素。 我们
阅读全文
摘要：聊聊 AntD 中的 Dialog 先介绍三种常用的用法， 受控模式，通过 visible 控制 Dialog 在目标组件中的显示,这个时最简单的用法。 const Demo: React.FC = () => { const [visible, setVisible] = React.useSta
阅读全文
摘要：React setState 的执行是异步还是同步 官方文档是这么说的setState() does not always immediately update the component. It may batch or defer the update until later. This mak
阅读全文
摘要：xlsx js 的使用笔记 最近项目需要前端导出excel,以及解析excel,使用了 xlsx 这个包。简单介绍一下遇到的问题和快速上手使用代码。 先来段导出生产excel 的代码片段。我们演示如何把一个二维数组导入excel。代码如下，非常简单。 import xlsx from 'xlsx';
阅读全文
