style isolation

Rare Earth Juejin Tech Community

Dec 8, 2024 · Frontend Development

A Comprehensive Guide to New CSS Features: @scope, @container, Pseudo‑Classes, Nesting, nth‑of, text‑wrap, and Native Popover

This article introduces and demonstrates several emerging CSS capabilities—including native style isolation with @scope, container queries via @container, advanced pseudo‑classes like :has, :where, :is, CSS nesting, the nth‑child of selector, text‑wrap balance/pretty, and the native popover element—providing code examples and usage tips for modern frontend development.

CSSContainer QueriesNesting

0 likes · 12 min read

A Comprehensive Guide to New CSS Features: @scope, @container, Pseudo‑Classes, Nesting, nth‑of, text‑wrap, and Native Popover

GrowingIO Tech Team

Sep 16, 2020 · Frontend Development

How GrowingIO Leveraged Micro‑Frontends for Scalable On‑Premise Deployments

GrowingIO’s frontend team transformed its monolithic SaaS product into a micro‑frontend architecture to support on‑premise deployments, detailing the motivations, design principles, code adaptations, integration strategies, and challenges such as dependency conflicts, global variables, and style isolation.

dependency managementfrontend architectureglobal variables

0 likes · 11 min read

How GrowingIO Leveraged Micro‑Frontends for Scalable On‑Premise Deployments

AntTech

Aug 26, 2019 · Frontend Development

Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun

This article explains the benefits of micro‑frontend architecture for large‑scale backend applications, compares MPA and SPA approaches, discusses routing, entry formats, module loading, style and JavaScript isolation techniques, and presents a production‑ready solution built with single‑spa and the open‑source qiankun framework.

frontend architecturejavascript sandboxmicro frontends

0 likes · 15 min read

Micro Frontends: Value, Architecture, and Practical Implementation with Single‑spa and Qiankun

Beike Product & Technology

Jan 24, 2019 · Frontend Development

Understanding and Applying the BEM Naming Methodology in Frontend Development

This article explains the BEM (Block‑Element‑Modifier) naming convention, why it is needed for style isolation, readability and maintainability, outlines its syntax and common patterns, and provides practical guidelines for page, shared, and local component naming in modern front‑end projects.

BEMCSSNaming Convention

0 likes · 10 min read

Understanding and Applying the BEM Naming Methodology in Frontend Development