Tag

flex layout

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 24, 2025 · Frontend Development

How to Smoothly Change Border Width on Hover Without Layout Shift

This article explains why increasing a card's border width on hover can cause layout jitter and presents three CSS techniques—transparent initial border, dynamic padding adjustment, and flex‑centered layout—to achieve a smooth transition without shifting inner content.

CSSborderflex layout
0 likes · 6 min read
How to Smoothly Change Border Width on Hover Without Layout Shift
JD Tech
JD Tech
Sep 20, 2024 · Frontend Development

Flex Layout and Dynamic UI Development in JD Financial Application

This article explains how JD Financial's dynamic UI framework uses standard Flex layout (with Yoga as a cross‑platform engine) to build responsive container and item structures, details common Flex properties, list and absolute layouts, view visibility controls, and provides practical troubleshooting guidance for complex layouts.

UI DevelopmentYoga Layoutflex layout
0 likes · 18 min read
Flex Layout and Dynamic UI Development in JD Financial Application
iQIYI Technical Product Team
iQIYI Technical Product Team
Aug 10, 2018 · Mobile Development

Evolution of iQIYI Mobile Client Dynamic Page Rendering: From Card 1.0 to Card 4.0

iQIYI’s mobile client progressed from server‑assembled JSON cards (Card 1.0) through reusable component cards (2.0), template‑driven blocks (3.0), to a big‑frontend XML‑flex architecture with scriptable logic and hot‑swap tools (Card 4.0), now replacing earlier versions and slated for broader rollout and open‑source release.

Event HandlingXML layoutcard architecture
0 likes · 12 min read
Evolution of iQIYI Mobile Client Dynamic Page Rendering: From Card 1.0 to Card 4.0