Tag

BEM

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 15, 2022 · Frontend Development

Building a Seamless Infinite Scroll Component with Vue 3

This article explains why infinite scrolling is essential for large‑screen dashboards, analyses three implementation strategies, and provides a complete Vue 3 component—including BEM‑styled markup, GSAP‑driven animation, slot‑based content insertion, and optional hover‑pause behavior—to achieve a smooth, endless scrolling list.

BEMComponent DesignGSAP
0 likes · 14 min read
Building a Seamless Infinite Scroll Component with Vue 3
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 14, 2022 · Frontend Development

CSS Architecture in Element Plus: OOCSS, BEM, and SCSS Implementation

This article explains how Element Plus applies CSS architecture concepts such as OOCSS and BEM, demonstrates generating BEM class names with JavaScript hooks and SCSS mixins, and compares the approach with classic ITCSS layering to improve maintainability and scalability of front‑end styles.

BEMCSSITCSS
0 likes · 21 min read
CSS Architecture in Element Plus: OOCSS, BEM, and SCSS Implementation
Beike Product & Technology
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
UC Tech Team
UC Tech Team
Dec 4, 2018 · Frontend Development

The Power of CSS Selectors

The article argues that despite some programmers dismissing CSS as merely declarative, CSS selectors are powerful conditional tools that can express complex logic, and explains why methodologies like BEM and OOCSS intentionally limit their use to keep styles maintainable.

BEMCSSOOCSS
0 likes · 4 min read
The Power of CSS Selectors
Architecture Digest
Architecture Digest
Sep 27, 2016 · Frontend Development

Understanding CSS Design Patterns: Principles, Practices, and Common Methodologies

This article explains what design patterns are, why they matter for CSS, and provides practical guidance on structuring, naming, and organizing styles—including recommendations on nesting, selector usage, file ordering, and an overview of popular patterns such as OOCSS, SMACSS, Meta CSS, and BEM—to help front‑end developers write maintainable, scalable code.

BEMCSSOOCSS
0 likes · 17 min read
Understanding CSS Design Patterns: Principles, Practices, and Common Methodologies