frontend rendering

ByteFE

May 7, 2024 · Frontend Development

Optimizing Frontend Interactive Rendering with WebAssembly and WebGL: Architecture, Performance, and Practical Applications

This article explores the integration of WebAssembly and WebGL to build a high-performance frontend rendering engine, detailing architectural design, benchmark results, Lottie animation optimization, and a novel frame-difference sprite sheet technique that significantly reduces resource size while enhancing interactive capabilities.

Lottie AnimationPerformance OptimizationSprite Sheet Compression

0 likes · 11 min read

Optimizing Frontend Interactive Rendering with WebAssembly and WebGL: Architecture, Performance, and Practical Applications

JD Cloud Developers

Oct 19, 2023 · Frontend Development

How Dynamic Forms Transform Custom Business Workflows

This article explains what dynamic forms are, why they are needed for tenant‑specific business scenarios, and outlines a three‑step metadata‑driven implementation—including data partitioning, metadata design, and front‑end rendering—while also discussing their limitations.

backend data partitioningconfigurable UIdynamic forms

0 likes · 5 min read

How Dynamic Forms Transform Custom Business Workflows

ByteDance Data Platform

Jul 18, 2022 · Big Data

Unlocking Real‑Time Data Quality: ByteDance’s Dynamic Exploration Solution

This article explains how ByteDance’s dynamic data exploration tool improves data quality assurance by replacing time‑consuming SQL validation with real‑time, sample‑based profiling, detailing its problem background, core features, technical architecture, front‑end rendering techniques, operation‑stack management, and future enhancements.

Big DataSQL generationdata exploration

0 likes · 13 min read

Unlocking Real‑Time Data Quality: ByteDance’s Dynamic Exploration Solution

ByteFE

Mar 15, 2021 · Frontend Development

Advanced Line Rendering and Animation Techniques in Canvas for Data Visualization

This article provides a comprehensive guide to rendering and animating lines in the Canvas API for data visualization, detailing the mathematical foundations of polylines and cubic Bezier curves, segment-based drawing algorithms, spline interpolation methods, and optimized animation synchronization techniques.

Animation TechniquesBezier CurvesCanvas API

0 likes · 16 min read

Advanced Line Rendering and Animation Techniques in Canvas for Data Visualization