虚拟列表
4篇文章 · 0订阅
  • 一文弄懂虚拟列表原理及实现（图解&码上掘金）
    在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固
    前端 Vue.js
    一文弄懂虚拟列表原理及实现（图解&码上掘金）
  • 深入【虚拟列表】动态高度、缓冲、异步加载... Vue实现
    前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？
    JavaScript Vue.js 前端
    深入【虚拟列表】动态高度、缓冲、异步加载... Vue实现
  • IntersectionObserver：实现滚动动画、懒加载、虚拟列表...
    IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。
    前端 JavaScript ECMAScript 6
    IntersectionObserver：实现滚动动画、懒加载、虚拟列表...
  • 「前端进阶」高性能渲染十万条数据(虚拟列表)
    在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…
    Vue.js 性能优化
    「前端进阶」高性能渲染十万条数据(虚拟列表)