BestHub
Sign in
Tag

list rendering

0 views collected around this technical thread.

JD Tech
JD Tech
Oct 20, 2023 · Frontend Development

Common Methods for Listening to List Item Exposure in Frontend Development

This article explains why front‑end data‑collection (exposure) points are crucial, outlines three main techniques—estimating visibility from paginated data, listening to scroll events with bounding‑box calculations, and using the IntersectionObserver API—detailing their implementation, advantages, drawbacks, and best‑practice usage across H5, mini‑programs, and Taro.

IntersectionObserverTaroexposure tracking
0 likes · 23 min read
Common Methods for Listening to List Item Exposure in Frontend Development
政采云技术
政采云技术
Nov 2, 2021 · Frontend Development

Why Using Index as Key in Vue Is Discouraged

Using an array index as the key in Vue list rendering can cause unnecessary DOM re‑creation, performance degradation, and data misalignment, especially when items are inserted, removed, or reordered, so developers should prefer stable, unique identifiers such as IDs, symbols, or UUIDs for keys.

Diff AlgorithmPerformanceVue
0 likes · 17 min read
Why Using Index as Key in Vue Is Discouraged
ByteFE
ByteFE
Apr 20, 2021 · Frontend Development

Implementing a Virtual Scrolling List in Ant Design Modal for Performance Optimization

This article explains how to replace a sluggish, long list inside an Ant Design Modal with a custom virtual scrolling component, covering fixed‑height and variable‑height implementations, buffer optimization, binary search for index lookup, and includes full React code examples.

OptimizationPerformanceVirtual Scrolling
0 likes · 14 min read
Implementing a Virtual Scrolling List in Ant Design Modal for Performance Optimization