用户4937523596236

前言 LCP是页面核心性能指标中一个比较重要的指标，但是LCP的优化方向真是又多又繁杂，本文主要根据个人5年的前端性能优化经验，从优化资源的传输和构建产物优化两部分来介绍优化LCP的方法。 优化资源传

如果我想要在网页中放大量的列表项，纯渲染的话，对于浏览器性能将会是个极大的挑战，会造成滚动卡顿，整体体验非常不好。虚拟列表思想的出现，就是为了帮助我们解决长列表问题的，下面让我们来一起了解下吧！

写在最前 看官们好，我叫JetTsang，之前都是在掘金潜水来着，现在偶尔做一些内容输出吧 引出 作为一名前端工程师，大数据量的展示是我们日常的面临的挑战之一 大数据量展示的场景当中我们碰到比较多的就

在工作中，有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况，对于此，我们称这种列表叫做长列表。比如，在一些外汇交易系统中，前端会实时的展示用户的持仓情况(收益、亏损、手数等)，此时对于用户的持仓列表一般是不能分页的。 在高性能渲染十万条数据(时间分片)一文中，提到了可…

虚拟列表 - Vue3实现一个可动态改变高度的虚拟滚动列表 前言 在开发中经常遇到大量的渲染列表数据问题，往往我们就只是简单地遍历渲染，没有过多地去关注是否会存在性能问题，这导致如果数据量较大的时候，

传统的网页或应用程序通常使用分页的方式来展示大量数据，用户需要点击下一页或加载更多按钮来获取下一批数据。然而，无限滚动通过动态加载数据来替代分页，使用户能够连续滚动页面，当滚动到页面底部时，自动加载新

前言 最近由于列表需要渲染一万+数据，导致渲染起来很卡，本来是准备直接加一个分页，但是和产品batter了好久，始终不通过这个方案，所以就决定使用虚拟列表滚动进行展示...

`vue3-infinite-list`是一个针对vue3的短小精悍的无限滚动组件，它体积非常小、零依赖gzip只有 3kb。

吃水不忘挖井人，本文受到百毒不侵(三)」结合“康熙选秀”，给大家讲讲“虚拟列表”文章的启发。 我将原文vue2的写法改为了vue3 setup语法，并且作了全新易于理解的注释，让咋们能从另一个角度去理