上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页
摘要: ng-content vs ng-template 相同点 在组件之间传递模板 不同点 Content 只能传递一层,不可以跨多层级组件传递。 Content 可以理解为是实例,ngTemplate 可以理解为是类,也就是说 Content 只能是一个,template 可以传递给 ngFor,变多 阅读全文
posted @ 2021-11-26 13:44 kongshu 阅读(117) 评论(0) 推荐(0) 编辑
摘要: Angular Form 总观 先给总结,再谈细节 ReactForm, Template driven Form 的差异: ReactForm: 需要我们自行定义 FormControl,适用于数据结构不变,验证很方便,数据流刷新时同步的。 Template driven Form: 不需要我们自 阅读全文
posted @ 2021-10-24 20:56 kongshu 阅读(128) 评论(0) 推荐(0) 编辑
摘要: Angular Form Reactive Form vs Template-Driven Reactive Form 需要我们自己创建FormControl,FormGroup,FormArray的对象,然后将FormControl绑定到 html 上的 Form 上,FormControl绑定到 阅读全文
posted @ 2021-10-20 17:05 kongshu 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 这篇我们再次聊聊 Angular 的 CD 参考文档 Zone vs ngZone zone.js, 它是 js 异步执行的上下文。凡事通过zone.run(func),都是在 zone 的上下文中。 zone.js, 它通过封装了一些常见的异步操作的方法,例如 setTimeout/xhr/pro 阅读全文
posted @ 2021-10-08 20:14 kongshu 阅读(27) 评论(0) 推荐(0) 编辑
摘要: 这篇文章记录一些 Angular 中遇到的有意思的东西 Angular 生命周期函数 创建过程 constructor → ngOnChanges → ngOnInit → ngDoCheck → ngAfterContentInit → ngAfterContentChecked → ngAfte 阅读全文
posted @ 2021-10-08 07:02 kongshu 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 最近学习了一下 rc-virtual-list 这个组件,记录一下。 对于一个大的列表,例如,百数量级以上,Dom 的渲染会有很大的性能压力。这个组件通过只渲染可视区域内的部分组件,实际的 Dom 数量只在两位数,从而提高了性能。 它的 Dom 结构比较简单 为了使用 virtual scroll, 阅读全文
posted @ 2021-08-25 11:09 kongshu 阅读(3590) 评论(0) 推荐(0) 编辑
摘要: Angular Form Validation 在 form.js 中参考这个方法,validator/asyncValidator 都被封装了一层。把多个 validator 方法合并成一个,然后通过forkjoin,将多个异步合并成一个,这个地方有个坑,asyncValidator 返回的虽然是 阅读全文
posted @ 2021-08-20 17:34 kongshu 阅读(81) 评论(0) 推荐(0) 编辑
摘要: ResizeObserver 的介绍 这个 pollyfill 是用来提供监测目标元素或者页面刷新的一种观察者工具。当目标元素的 clientwidth/height,offsetWidth/Height, 发生变化,或者页面上有动画或者窗体 resize,都会促发回调函数通知观察者。介绍几个类 R 阅读全文
posted @ 2021-08-19 07:31 kongshu 阅读(464) 评论(0) 推荐(0) 编辑
摘要: 聊聊 Dom-Align 这个包 最近在写一个弹框的 service,用到了 Dom-Align,来挨着某个元素来弹框,遇到了些坑,记录一下,以免下次再掉进去。 先聊聊 Dom-Align 怎么干活的。这个有个约定, target 指的是参考系,source(目标元素)指的是需要被定位的元素。 我们 阅读全文
posted @ 2021-08-14 22:25 kongshu 阅读(775) 评论(0) 推荐(0) 编辑
摘要: 聊聊 AntD 中的 Dialog 先介绍三种常用的用法, 受控模式,通过 visible 控制 Dialog 在目标组件中的显示,这个时最简单的用法。 const Demo: React.FC = () => { const [visible, setVisible] = React.useSta 阅读全文
posted @ 2021-08-12 22:23 kongshu 阅读(985) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页