Tag

tree component

1 views collected around this technical thread.

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 RenderingFile Tree
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 RenderingFrontendOpenSumi
0 likes · 13 min read
How to Fix Concurrent Rendering Issues in OpenSumi File Tree for Faster, Stable UI
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.

JavaScriptLayUIThinkPHP
0 likes · 5 min read
Dynamic Category Loading with Layui and ThinkPHP 5.1
Taobao Frontend Technology
Taobao Frontend Technology
Jun 24, 2020 · Frontend Development

How Alibaba’s IDE Co‑Development Revamped Tree Components for Lightning‑Fast Performance

This article details the evolution of Alibaba’s IDE co‑development project, focusing on the design, data structures, event model, rendering, and performance optimizations of a high‑performance Tree component used for file navigation and other hierarchical views within the KAITIAN framework.

FrontendTypeScriptperformance optimization
0 likes · 14 min read
How Alibaba’s IDE Co‑Development Revamped Tree Components for Lightning‑Fast Performance