Tag

layout engine

0 views collected around this technical thread.

JD Tech Talk
JD Tech Talk
Nov 1, 2024 · Frontend Development

Bridging CSS Differences: How Taro Adapts Styles for HarmonyOS ArkUI

This article explains how Taro resolves the incompatibilities between standard CSS and HarmonyOS ArkUI CAPI styles by converting CSS at compile time, using a Rust‑based LightningCSS plugin, and employing the Yoga layout engine to achieve high‑performance, cross‑platform UI rendering.

ArkUICSSFrontend Development
0 likes · 12 min read
Bridging CSS Differences: How Taro Adapts Styles for HarmonyOS ArkUI
Youku Technology
Youku Technology
Dec 16, 2022 · Frontend Development

GaiaX Layout Solution: Flexbox and Stretch Engine Analysis

GaiaX, Alibaba Entertainment’s cross‑platform dynamic UI framework, adopts Flexbox implemented with the Rust‑based Stretch engine to deliver millisecond‑level layout latency on phones, tablets, OTT, Macs and IoT devices, while fixing iOS 32‑bit crashes, redefining aspect‑ratio logic, adding thread‑safe wrappers and extensive tests, and open‑sourcing the extended library.

FlexboxGaiaXlayout engine
0 likes · 18 min read
GaiaX Layout Solution: Flexbox and Stretch Engine Analysis
JD Retail Technology
JD Retail Technology
May 16, 2022 · Mobile Development

MCube: A Cross‑Platform Native Dynamic UI Solution for JD App

MCube is a native dynamic rendering framework designed for JD's high‑value "golden flow" that enables one‑time development, multi‑device reuse, performance optimization, and reduced package size across iOS and Android, supporting rapid business iteration and extensive ecosystem co‑building.

Cross-PlatformJDMCube
0 likes · 14 min read
MCube: A Cross‑Platform Native Dynamic UI Solution for JD App
Qunar Tech Salon
Qunar Tech Salon
May 11, 2022 · Frontend Development

Dynamic UI Implementation in Qunar's Large Client: Architecture, DSL Design, and Template Management

This article details Qunar's transition from native‑only homepage development to a dynamic UI solution using a Native‑plus‑DSL approach, covering background challenges, solution research, DSL architecture, data binding, virtual DOM layout, template management, real‑time preview, deployment results, and future plans.

DSLFrontend DevelopmentMobile Client
0 likes · 13 min read
Dynamic UI Implementation in Qunar's Large Client: Architecture, DSL Design, and Template Management
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Feb 8, 2022 · Frontend Development

Design and Implementation of a Simple Canvas Layout Engine for Front-End Development

This article presents a lightweight, framework-agnostic canvas layout engine that parses CSS-like styles, performs document-flow layout, renders via a depth-first canvas draw, supports interactive events, works across web and mini-program environments, and demonstrates its API, debugging tools, performance results, and future extensions.

JavaScriptReactRendering
0 likes · 25 min read
Design and Implementation of a Simple Canvas Layout Engine for Front-End Development
Baidu Geek Talk
Baidu Geek Talk
Sep 15, 2021 · Frontend Development

Technical Overview of Baidu Reading/Wenku Cross‑Platform Layout Engine

Baidu Reading/Wenku’s cross‑platform layout engine delivers professional book‑level typesetting on Android and iOS by using a single native engine that parses diverse formats into an abstract DOM, generates a memory‑resident layout description, and supports relative, multi‑directional, and reusable layout techniques for high‑quality, adaptive document rendering.

Cross-PlatformFrontend Developmentdocument rendering
0 likes · 11 min read
Technical Overview of Baidu Reading/Wenku Cross‑Platform Layout Engine