摘要:
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'; 阅读全文
摘要:
AntD-Form 是基于 rc-form 来做了一层封装,我们看看它提供了哪些额外的功能 先来看看 Form 首先按照惯例获取SizeContext,ConfigContext,主要获取Size,getPrefixCls,direction,form.requiredMark. 然后依次来获取 c 阅读全文
摘要:
学习 form 的时候遇到的一些问题 使用 FormProvider 的时候发现onFormChange被触发两次。 <FormProvider validateMessages={myMessage} onFormChange={(name, { changedFields, forms }) = 阅读全文
摘要:
React Virtual Dom 二三事 React 及Angular 中都有VD 一说,他们是用来组织他们的组件,负责计算差别,然后将这些差异更新到Dom树上面。VD 于Dom他们的节点是一一对应的,但是他们的结构却是不一定一样。 如何创建一个VD 节点,也就是ReactNode, 第一种方法, 阅读全文
摘要:
ngSelect 组件的笔记 virtual Scroll 实现原理 Dom 结构图如下 <div #scroll class="ng-dropdown-panel-items scroll-host"> <div #padding [class.total-padding]="virtualScr 阅读全文
摘要:
简单记录一下 Notifications 里面使用到的 CSSMotionList 的一段代码。 先看下面代码片段,Notification.add()当,notice 的数量超过最大数量时,Antd 是把第一个的 key 借给最新插入的这个 notice 使用,做法是保留 key,赋值给新插入的 阅读全文
摘要:
记录一些小技巧 Promise,它的核心奥义是什么?是 resolve 与 reject.例如下面经典的用法.最为核心的就是代码里面的resolve, reject这两个方法。 Promise 就是一个链路,它是有各种 then,then,then 连起来的,规定好了调用顺序,然后呢,链路的触发点就 阅读全文
摘要:
记录一些 antd 组件的功能 PortalComponent vs Portal 前者会创建一个 div, 然后 attach 这个 div 到 getContainer 的 DOM 中去,如果没有提供就直接 attach 到 body, 同时它还有第二个功能,就是禁用 attach 的组件的 s 阅读全文
摘要:
谈谈 React 里面的一些类型及使用场景 React.Component<P,S,SS>, 这个类型绝对是 react 里面的一哥,P 是 props, S: State, SS: SnapShot. 凡是 class 组件,都得继承这个基类。下面是这个类的 type.d.ts. 生命周期主要参考 阅读全文