This article explains ArkUI's component lifecycle hooks, the low‑level FrameNode API, LazyForEach rendering strategy with key generation, the full rendering pipeline, custom measure/layout methods, event bubbling, differences between property and explicit animations, and the purpose of XComponent for native rendering.
This article traces the GPU's journey from early 2D graphics cards to modern GPGPUs powering AI and HPC, explains core hardware components, compares GPU and CPU architectures, and details the 3D rendering pipeline that underlies graphics and parallel computation.
This article explains the core components and rendering pipeline of modern browser engines, compares them with 3D graphics engines, and discusses the evolution of both browser and graphics technologies, providing a comprehensive overview for front‑end and graphics developers.
Chrome separates browsing tasks into distinct browser, renderer, plugin, and GPU processes, parses HTML/CSS into DOM, layout, paint, and compositing trees, rasterizes tiles on a compositing thread, and uses the GPU process to display frames, enabling optimized, smooth animations such as danmaku while balancing memory usage and security.
This article explains how modern browsers use multi‑process architectures, detailing the evolution from single‑process models, the roles of browser, renderer, GPU, network, and plugin processes, and walks through the navigation and rendering pipelines—including DOM construction, style calculation, layout, layering, painting, rasterization, compositing, and their impact on performance.
The article surveys GPU rendering pipelines and hardware architectures for desktop and mobile, explains classic stages, compares Immediate Mode, Tile‑Based and Tile‑Based Deferred rendering, details PowerVR, Mali and Adreno components, and offers optimization advice on draw calls, depth pre‑passes, shader efficiency, and render ordering.
This article explains the internal multi‑process structure of Chrome, covering CPU/GPU basics, browser and renderer processes, the benefits of process isolation, the step‑by‑step navigation flow, how the renderer parses, styles, layouts and composites pages, and how user input events are handled to keep interactions smooth.
This article provides an in‑depth analysis of OpenHarmony’s open‑source JS UI framework, covering system architecture layers, ACE engine repositories, code structure, frontend implementations (command‑style, declarative, and card‑based), rendering pipeline, and practical build commands, while comparing HarmonyOS and OpenHarmony.
This article provides a comprehensive technical analysis of Flutter's rendering pipeline, detailing the roles of the UI and GPU threads, the step‑by‑step process from VSync registration to rasterization, and compares Flutter’s approach with Android and Chromium rendering architectures.
Youku’s player was rebuilt with a pipeline‑pattern architecture that unifies playback stages into a modular framework, enabling plug‑in customization, multi‑source support, reduced memory and startup overhead, clearer structure, and improved stability and extensibility for future business innovations.
This article presents a comprehensive overview of game development fundamentals, rendering techniques, synchronization methods, and the design of interactive educational courseware using the Cocos engine, illustrating how game concepts can be applied to create engaging learning experiences.
This article provides a comprehensive, step‑by‑step exploration of modern browsers—covering Chrome’s multi‑process architecture, the navigation pipeline from URL entry to page load, the rendering stages (HTML parsing, style calculation, layout, painting, compositing), and how user interactions are processed and optimized.
This multi‑part article explains Chrome’s low‑level architecture—from CPU/GPU fundamentals and its multi‑process model to the step‑by‑step navigation flow, the rendering pipeline, and how the compositor processes input events—providing developers with a deep understanding of browser performance and best‑practice optimizations.
This article from the Xianyu tech team explains Flutter’s architecture, covering the creation and management of the widget, element, and render object trees, the three‑stage rendering pipeline (build, layout, paint), performance‑optimizing techniques, state lifecycle, data flow, and practical tips for building efficient cross‑platform mobile applications.
This article delves into Flutter’s rendering pipeline, explaining the three‑tree architecture, build‑layout‑paint stages, state lifecycle, data flow, and optimization techniques such as relayout and repaint boundaries, while highlighting common pitfalls and best practices for high‑performance Flutter UI development.
This article explains the historical development of graphics processing units, their internal structure, rendering pipeline, and how GPUs shifted graphics workloads from CPUs to specialized parallel hardware, highlighting key concepts such as vertex shaders, pixel shaders, SIMD architectures, and performance growth.
