基本介绍
BEM(Block Element Modifier)是一种前端 CSS 命名方法论,核心目标是通过 “统一命名规则” 解决 CSS 命名混乱、作用域冲突、复用性差、维护困难等问题。
2025/11/4大约 4 分钟
BEM(Block Element Modifier)是一种前端 CSS 命名方法论,核心目标是通过 “统一命名规则” 解决 CSS 命名混乱、作用域冲突、复用性差、维护困难等问题。
clamp() 是 CSS 中的一个函数,用于创建一个响应式的值,该值会在最小和最大值之间根据一个动态表达式进行缩放。
为了优化页面性能、提升首屏加载速度并节省用户流量,在过去我们常常需要依赖各种 JavaScript 库,或者手动基于 Intersection Observer API 来实现一套复杂的图片懒加载逻辑。
现代浏览器早已内置了原生解决方案,只需添加一个简单属性,就能轻松实现高效、可靠的图片懒加载效果。
在现代 Web 开发中,我们常常需要知道用户是否还停留在当前页面。这对于优化用户体验、管理资源消耗、统计活跃用户等场景非常重要。
当使用 CSS Grid 布局时,即使为网格列设置了 1fr 的宽度,子元素中的长文本、图片或其他内容仍然可能会导致列宽被撑开,超出预期的布局范围。
在网页开发中,我们经常需要实现内容的展开/折叠效果,但使用传统的 CSS 过渡方式存在一个限制:无法为 height: auto 的元素添加过渡动画。当我们尝试从固定高度(如 height: 0)过渡到 height: auto 时,元素会直接跳变,没有平滑的动画效果。