BEM | BestHub

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

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

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

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

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.