虚拟列表
11篇文章 · 0订阅
  • 基于虚拟滚动的虚拟列表实现
    关于虚拟滚动已经写过一篇文章，讲解了虚拟滚动实现原理和具体实现过程：虚拟滚动实现。关于不定高虚拟列表实现原理以及具体怎么实现也写过一篇文章：不定高虚拟列表的一种实现。 本文是将虚拟滚动与虚拟列表结合…
    前端 JavaScript Vue.js
    基于虚拟滚动的虚拟列表实现
  • 一文弄懂虚拟列表原理及实现（图解&码上掘金）
    在谈论到前端性能优化时，我们可能会想到很多方向，但虚拟列表一定算是一个值得谈谈的话题，很多人都是略懂一二，对其实现原理与过程还不太了解，所以当面试官问到比较细节的问题时往往语塞，本篇文章将从最简单的固
    前端 Vue.js
    一文弄懂虚拟列表原理及实现（图解&码上掘金）
  • IntersectionObserver：实现滚动动画、懒加载、虚拟列表...
    IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体验，非常值得尝试。
    前端 JavaScript ECMAScript 6
    IntersectionObserver：实现滚动动画、懒加载、虚拟列表...
  • 性能优化篇之深入虚拟列表
    前端业务遇到的长列表前端的业务开发中会遇到一些数据量大且无法使用分页方式来加载的列表，我们常把他成为长列表。那既然是长列表了，如果第一次就完整渲染的话，一是业务上不允许：太长了。二是性能也是非常低的。
    性能优化
  • 深入【虚拟列表】动态高度、缓冲、异步加载... Vue实现
    前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请求大量数据是否合理？
    JavaScript Vue.js 前端
    深入【虚拟列表】动态高度、缓冲、异步加载... Vue实现
  • 虚拟列表，我真的会了！！！
    如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！
    前端 React.js
    虚拟列表，我真的会了！！！
  • 基于【虚拟列表】高性能渲染海量数据
    在某种特殊场景下，需要将大量数据一次性渲染到页面。 分析真实业务场景，用户正常情况不会去浏览全部数据。 除特殊情况外，将全部数据渲染到列表中是无用且浪费资源的行为，只需要根据用户视窗进行部分渲染即可
    JavaScript Vue.js 前端
    基于【虚拟列表】高性能渲染海量数据
  • 基于【Event Loop】的长列表渲染优化
    这是我的第一篇博客，一起参与掘金新人创作活动，开启写作之路。 因为 JS 的 Event Loop 机制，JS 引擎所管理的执行栈中的事件以及所有微任务事件全部执行完后，才会触发渲染线程对页面进行渲染
    JavaScript 前端
    基于【Event Loop】的长列表渲染优化
  • 不定高虚拟列表的一种实现
    虚拟列表主要解决大数据量数据一次渲染性能差的问题。 之前写过一篇关于虚拟列表实现的文章：造轮子之不同场景下虚拟列表实现，主要讲了定高（高度统一和高度不统一两种情况）虚拟列表的实现，本文着重研究……
    JavaScript 前端 Vue.js
    不定高虚拟列表的一种实现
  • 「前端进阶」高性能渲染十万条数据(虚拟列表)
    在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…
    Vue.js 性能优化
    「前端进阶」高性能渲染十万条数据(虚拟列表)