The Great CSS Expansion
2 months ago
- #Web Performance
- #CSS
- #JavaScript
- 原生 CSS 特性（如锚点定位和弹出层 API）可以替代 JavaScript 库，实现工具提示、模态框和滚动驱动动画等 UI 模式。
- 用于 UI 任务的常见 JavaScript 库（例如 Floating UI、GSAP、React Select）会增加显著的包大小和维护成本，而原生 CSS 可以消除这些问题。
- 新的 CSS 特性通过减少 JavaScript 的解析/执行时间来提升性能，有助于改善核心 Web 性能指标（如 INP、LCP 和 CLS）。
- 某些交互（如拖放和覆盖式滚动条）仍需要 JavaScript，因为 CSS 尚未解决这些复杂模式。
- Web 平台的发展遵循历史模式，逐渐用原生 CSS 解决方案替代 JavaScript 的临时方案，正如圆角和粘性定位等特性所展示的那样。