Tag

rendering-engine

0 views collected around this technical thread.

TikTok Frontend Technology Team
TikTok Frontend Technology Team
May 27, 2024 · Frontend Development

Leveraging Wasm and WebGL for High‑Performance Frontend Rendering: Simple Engine and Lottie WebGL Rendering

This article explains how the Simple rendering engine built with Wasm and WebGL improves performance and resource efficiency for front‑end interactive technologies such as Lottie, animation sprites, and frame‑difference sequences, and details its architecture, benchmarks, compatibility, and future directions.

LottieWasmWebGL
0 likes · 16 min read
Leveraging Wasm and WebGL for High‑Performance Frontend Rendering: Simple Engine and Lottie WebGL Rendering
ByteFE
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 AnimationSprite Sheet CompressionWebAssembly
0 likes · 11 min read
Optimizing Frontend Interactive Rendering with WebAssembly and WebGL: Architecture, Performance, and Practical Applications
High Availability Architecture
High Availability Architecture
Jan 9, 2023 · Frontend Development

Low‑Code Platform Practices at vivo: Frontend‑Backend Separation, High‑Performance Rendering Engine, and Efficient Visual Configuration

This article details vivo's low‑code platform experience, covering a front‑end/back‑end separated low‑code solution, a self‑built high‑performance rendering engine, efficient visual configuration methods, billion‑scale content delivery, and how low‑code coexists with traditional development to boost productivity and scalability.

backendfrontendhigh concurrency
0 likes · 16 min read
Low‑Code Platform Practices at vivo: Frontend‑Backend Separation, High‑Performance Rendering Engine, and Efficient Visual Configuration
vivo Internet Technology
vivo Internet Technology
Dec 21, 2022 · Frontend Development

Low‑Code Platform Practices at vivo: Front‑Back End Separation, Custom Rendering Engine, and Visual Configuration

Vivo’s Houyi low‑code platform separates front‑ and back‑end, uses a self‑built JSON‑schema rendering engine, offers drag‑and‑drop visual configuration, scales to trillion‑level content delivery with sharded MongoDB and Redis, and seamlessly coexists with traditional code through iframe and SDK extensions.

Content Deliverybackend separationfrontend development
0 likes · 17 min read
Low‑Code Platform Practices at vivo: Front‑Back End Separation, Custom Rendering Engine, and Visual Configuration
DataFunSummit
DataFunSummit
Oct 26, 2022 · Artificial Intelligence

Digital Human Technology on the Soul Platform: Architecture, Key Techniques, and Application Scenarios

This article introduces Soul's digital‑human solution, covering the platform’s social metaverse concept, the self‑developed N⋀W⋀ rendering engine, its AI‑driven head, half‑body and full‑body capture pipelines, rendering capabilities, design resources, practical use cases, and future research directions.

AIAR/VRDigital Human
0 likes · 10 min read
Digital Human Technology on the Soul Platform: Architecture, Key Techniques, and Application Scenarios
Youku Technology
Youku Technology
Oct 26, 2021 · Frontend Development

ABF Platform Configuration Center: Building a Configuration-Driven Middle-Office Development System

The ABF Platform Configuration Center serves as a factory‑style, configuration‑driven middle‑office development system that unifies application, page, permission, layout, and custom extensions, allowing nearly 100 % reuse of rendering functions and rapid, standardized creation of internal business applications.

ABF PlatformConfiguration CenterMiddle-Office System
0 likes · 9 min read
ABF Platform Configuration Center: Building a Configuration-Driven Middle-Office Development System
Qunar Tech Salon
Qunar Tech Salon
Oct 14, 2015 · Fundamentals

How Browsers Work: Architecture, Rendering Engine, Parsing, and Rendering Process

This article explains the internal architecture of modern browsers, describing their main components, high‑level structure, communication mechanisms, rendering engine workflow, HTML/CSS/JavaScript parsing, error‑tolerance strategies, and style computation, using examples from Firefox, Chrome, and Safari.

CSSJavaScriptParsing
0 likes · 37 min read
How Browsers Work: Architecture, Rendering Engine, Parsing, and Rendering Process