CSS-in-JS

CSS-in-JS

这篇笔记还在编辑中，内容可能会继续补充、调整或重写。

核心认识

CSS-in-JS 将样式与组件逻辑放在同一抽象中，可使用运行时状态和主题变量。不同方案可能在运行时生成、编译期提取和零运行时之间取舍。

学习重点

  • 能说明方案如何处理作用域、复用、主题和运行时成本
  • 理解静态资源从源码引用到最终 URL 和缓存策略的变化
  • 在一致性、可维护性、构建复杂度和性能之间做取舍

实践检查

  • 能用自己的话解释“CSS-in-JS”
  • 能在最小项目中完成一次与“CSS-in-JS”相关的验证
  • 能记录常见问题、取舍依据和排查方法