1 views collected around this technical thread.
This article explains how to create a reusable Vue hook that implements a virtual list, enabling efficient rendering of tens of thousands of rows by rendering only the visible items and handling both fixed‑height and variable‑height scenarios with caching and scroll calculations.
This article explains the concept of virtual scrolling, why it is needed for performance in web pages, outlines two main implementation strategies, and provides detailed Vue‑based code examples—including Element‑Plus Infinite Scroll and a custom VirtualList class—to help developers apply the technique effectively.
This article provides a step‑by‑step guide on building a responsive waterfall (masonry) layout combined with a virtual list in Vue 3 using TypeScript, covering data preparation, container sizing, position calculation, infinite scroll loading, handling variable card heights, and responsive column adjustments.
This article explains how the react-virtualized-list library combined with the Intersection Observer API can dramatically improve rendering performance for large data sets, achieving up to 95% faster page loads and smoother infinite scrolling on both PC and mobile browsers.
This article demonstrates several techniques—including server‑side data simulation, batch rendering with timers, requestAnimationFrame, pagination components, infinite scroll, and virtual lists—to efficiently display and interact with 100,000 records in a Vue.js front‑end without causing UI freezes or performance degradation.
This article explains why infinite scrolling is essential for large‑screen dashboards, analyses three implementation strategies, and provides a complete Vue 3 component—including BEM‑styled markup, GSAP‑driven animation, slot‑based content insertion, and optional hover‑pause behavior—to achieve a smooth, endless scrolling list.
The guide details building a short‑video infinite‑scroll interface using a vertical Swiper carousel with virtual slides, custom HTML5 video players, status buttons, and a fixed loading bar, ensuring only the visible card renders video and minimizing memory for endless content streams.
This article details a year‑long series of experiments on the Taobao “Every Square Every House” infinite‑scroll light app, describing how added recall paths, a coarse‑ranking filter, multi‑task MMOE sorting, a lightweight down‑scroll predictor, and relevance‑enhanced features together boosted click‑through, scroll depth and per‑user engagement by double‑digit percentages.
This article explains the purpose, core concepts, configuration options, callback handling, and practical use‑cases of the Intersection Observer API—such as lazy loading, infinite scrolling, sticky headers, and analytics—while providing complete Vue 3 code examples and compatibility notes.