上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 15 下一页
摘要: Angular Form Validation 在 form.js 中参考这个方法,validator/asyncValidator 都被封装了一层。把多个 validator 方法合并成一个,然后通过forkjoin,将多个异步合并成一个,这个地方有个坑,asyncValidator 返回的虽然是 阅读全文
posted @ 2021-08-20 17:34 kongshu 阅读(111) 评论(0) 推荐(0)
摘要: ResizeObserver 的介绍 这个 pollyfill 是用来提供监测目标元素或者页面刷新的一种观察者工具。当目标元素的 clientwidth/height,offsetWidth/Height, 发生变化,或者页面上有动画或者窗体 resize,都会促发回调函数通知观察者。介绍几个类 R 阅读全文
posted @ 2021-08-19 07:31 kongshu 阅读(562) 评论(0) 推荐(0)
摘要: 聊聊 Dom-Align 这个包 最近在写一个弹框的 service,用到了 Dom-Align,来挨着某个元素来弹框,遇到了些坑,记录一下,以免下次再掉进去。 先聊聊 Dom-Align 怎么干活的。这个有个约定, target 指的是参考系,source(目标元素)指的是需要被定位的元素。 我们 阅读全文
posted @ 2021-08-14 22:25 kongshu 阅读(969) 评论(0) 推荐(0)
摘要: 聊聊 AntD 中的 Dialog 先介绍三种常用的用法, 受控模式,通过 visible 控制 Dialog 在目标组件中的显示,这个时最简单的用法。 const Demo: React.FC = () => { const [visible, setVisible] = React.useSta 阅读全文
posted @ 2021-08-12 22:23 kongshu 阅读(1161) 评论(0) 推荐(0)
摘要: React setState 的执行是异步还是同步 官方文档是这么说的setState() does not always immediately update the component. It may batch or defer the update until later. This mak 阅读全文
posted @ 2021-08-08 10:54 kongshu 阅读(191) 评论(0) 推荐(0)
摘要: xlsx js 的使用笔记 最近项目需要前端导出excel,以及解析excel,使用了 xlsx 这个包。简单介绍一下遇到的问题和快速上手使用代码。 先来段导出生产excel 的代码片段。我们演示如何把一个二维数组导入excel。代码如下,非常简单。 import xlsx from 'xlsx'; 阅读全文
posted @ 2021-08-06 07:21 kongshu 阅读(898) 评论(0) 推荐(0)
摘要: AntD-Form 是基于 rc-form 来做了一层封装,我们看看它提供了哪些额外的功能 先来看看 Form 首先按照惯例获取SizeContext,ConfigContext,主要获取Size,getPrefixCls,direction,form.requiredMark. 然后依次来获取 c 阅读全文
posted @ 2021-07-21 14:54 kongshu 阅读(1011) 评论(0) 推荐(0)
摘要: 学习 form 的时候遇到的一些问题 使用 FormProvider 的时候发现onFormChange被触发两次。 <FormProvider validateMessages={myMessage} onFormChange={(name, { changedFields, forms }) = 阅读全文
posted @ 2021-07-18 16:39 kongshu 阅读(838) 评论(0) 推荐(0)
摘要: React Virtual Dom 二三事 React 及Angular 中都有VD 一说,他们是用来组织他们的组件,负责计算差别,然后将这些差异更新到Dom树上面。VD 于Dom他们的节点是一一对应的,但是他们的结构却是不一定一样。 如何创建一个VD 节点,也就是ReactNode, 第一种方法, 阅读全文
posted @ 2021-07-12 21:14 kongshu 阅读(55) 评论(0) 推荐(0)
摘要: ngSelect 组件的笔记 virtual Scroll 实现原理 Dom 结构图如下 <div #scroll class="ng-dropdown-panel-items scroll-host"> <div #padding [class.total-padding]="virtualScr 阅读全文
posted @ 2021-07-12 21:09 kongshu 阅读(105) 评论(0) 推荐(0)
上一页 1 ··· 3 4 5 6 7 8 9 10 11 ··· 15 下一页