Tagged articles
5 articles
Page 1 of 1
DaTaobao Tech
DaTaobao Tech
Jun 2, 2022 · Frontend Development

Resolving Concurrent Rendering Issues in OpenSumi File Tree

The article explains how OpenSumi’s file‑tree suffered duplicate nodes and jumpy refreshes after throttling removal, identifies uncancelled concurrent core and non‑core operations as the root cause, and resolves the instability by introducing cancellable tokens, operation queuing, and a global tree‑state manager to ensure only one refresh runs at a time, delivering stable, responsive rendering.

CancellationTokenConcurrent RenderingOpenSumi
0 likes · 13 min read
Resolving Concurrent Rendering Issues in OpenSumi File Tree
Taobao Frontend Technology
Taobao Frontend Technology
May 31, 2022 · Frontend Development

How to Fix Concurrent Rendering Issues in OpenSumi File Tree for Faster, Stable UI

This article analyzes the concurrent rendering problems of OpenSumi's file‑tree component, explains their root causes, and presents a comprehensive solution—including operation prioritization, cancellable updates, and queued rendering—along with implementation code to achieve both high speed and stability.

Concurrent RenderingOpenSumiPerformance Optimization
0 likes · 13 min read
How to Fix Concurrent Rendering Issues in OpenSumi File Tree for Faster, Stable UI
Baidu App Technology
Baidu App Technology
Jun 9, 2021 · Frontend Development

How to Build a High‑Performance Virtual Tree in Santd for 10k+ Nodes

This article explains the concept of a virtual tree, why it is needed for rendering massive data sets, and provides a step‑by‑step implementation—including flattening the tree, calculating visible nodes, simulating scroll, and decorating the list—demonstrating a speedup from 26 seconds to 0.19 seconds.

JavaScriptSantdVirtualization
0 likes · 11 min read
How to Build a High‑Performance Virtual Tree in Santd for 10k+ Nodes
php Courses
php Courses
Apr 25, 2021 · Backend Development

Dynamic Category Loading with Layui and ThinkPHP 5.1

This tutorial demonstrates how to integrate Layui with ThinkPHP 5.1 to dynamically load hierarchical city category data, covering HTML setup, JavaScript tree rendering, PHP backend data retrieval, and a recursive method for obtaining parent IDs, enabling interactive navigation of multi‑level locations.

Dynamic LoadingJavaScriptLayui
0 likes · 5 min read
Dynamic Category Loading with Layui and ThinkPHP 5.1