优化
chp-22
上得厅堂,下得厨房!
展开
-
虚拟列表优化性能的简单Demo
angular写法: <!-- 虚拟列表滚动 --> <div class="list-view" #visibleList (scroll)="handleScroll()"> <!-- 使用一个不可见元素(.list-view-phantom)撑起这个列表,让列表的滚动条出现 --> <div class="list-view-phantom" [ngStyle]="{'height': contentHeight}"></d原创 2021-10-19 16:38:10 · 381 阅读 · 0 评论 -
用防抖,节流来优化性能
看文章时了解了防抖,节流两个概念,觉得可以优化项目中输入框输入内容时多次调用接口的问题。 **防抖:**开始输入内容时设定一个计时器,如果在计时器之内又有内容则不调用接口,重新开始计时 <input type="text" class="form-control" [(ngModel)]="seoCon" (keyup)="onBounce()" placeholder="Search for..."> // 输入事件 onBounce() { let debounceAjax原创 2021-09-15 16:50:26 · 142 阅读 · 0 评论