Tag

scroll

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 3, 2025 · Frontend Development

Scroll‑Based CSS Animations with animation‑timeline and view() – A No‑JS Approach

This article explains how to create scroll‑driven CSS animations using the new animation‑timeline property and the view() function, showing step‑by‑step code examples, how to control start and end points, and how the both fill‑mode ensures smooth transitions without any JavaScript.

CSSWeb Developmentanimation
0 likes · 8 min read
Scroll‑Based CSS Animations with animation‑timeline and view() – A No‑JS Approach
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 3, 2024 · Frontend Development

Performance Optimization of a Complex Real‑Time Table in a Financial Front‑End Application

This article details how a newly‑graduated front‑end developer tackled severe UI lag and ten‑second first‑screen loads caused by three synchronized tables with 400+ rows of real‑time data, using Vue 3 techniques such as consolidated scroll handling, viewport‑based lazy updates, throttling, and WebSocket‑driven data subscription.

Vue3WebSocketlazy-loading
0 likes · 16 min read
Performance Optimization of a Complex Real‑Time Table in a Financial Front‑End Application
Top Architect
Top Architect
Dec 4, 2022 · Databases

Deep Dive into Elasticsearch Pagination: from/size, Scroll, and Search After

This article explains how Elasticsearch handles deep pagination, compares the traditional from/size method with Scroll and Search After techniques, details their internal query and fetch phases, provides practical code examples, and offers guidance on choosing the right approach for large‑scale search workloads.

Big DataElasticsearchSearch
0 likes · 15 min read
Deep Dive into Elasticsearch Pagination: from/size, Scroll, and Search After
Architecture Digest
Architecture Digest
Jul 5, 2022 · Databases

Elasticsearch Pagination Techniques: from+size, scroll, and search_after

This article explains three Elasticsearch pagination methods—shallow pagination using from+size, deep pagination with scroll, and cursor‑based pagination with search_after—detailing their principles, usage examples, performance considerations, and how to manage scroll contexts.

ElasticsearchSearch APISearch After
0 likes · 6 min read
Elasticsearch Pagination Techniques: from+size, scroll, and search_after
Sohu Tech Products
Sohu Tech Products
May 11, 2022 · Backend Development

Elasticsearch Pagination: From/Size, Deep Paging Issues, Scroll, Search After, PIT and Best Practices

This article explains Elasticsearch pagination mechanisms—including from/size, deep paging drawbacks, scroll, scroll‑scan, sliced scroll, search_after and point‑in‑time—detailing their inner workings, performance trade‑offs, configuration limits, and practical recommendations for handling large result sets.

Deep PagingElasticsearchSearch
0 likes · 17 min read
Elasticsearch Pagination: From/Size, Deep Paging Issues, Scroll, Search After, PIT and Best Practices
Yuewen Frontend Team
Yuewen Frontend Team
Jun 15, 2018 · Frontend Development

How We Boosted Qidian Reading Page Performance with Preloading and Throttle

This article details how the Qidian reading page was optimized by advancing the scroll trigger, continuously preloading upcoming chapters, and applying a throttled scroll handler, resulting in sub‑second load times, minimal loading indicators, and a smoother user experience.

JavaScriptOptimizationPreloading
0 likes · 9 min read
How We Boosted Qidian Reading Page Performance with Preloading and Throttle
Beike Product & Technology
Beike Product & Technology
Nov 27, 2017 · Frontend Development

Implementing Scroll-Based Lazy Loading, Event Throttling, and Request Locking for Frontend Pagination

This article explains how to replace traditional pagination with scroll‑triggered lazy loading, using a 200 px threshold, 60 ms event throttling, a loading‑state lock, UI feedback, error handling, and cross‑platform scroll compatibility to improve user experience on web and mobile pages.

JavaScriptevent-throttlingfrontend
0 likes · 6 min read
Implementing Scroll-Based Lazy Loading, Event Throttling, and Request Locking for Frontend Pagination