📚前端面试题速记
Q43

Tailwind CSS 和 PureCSS 各自优势/劣势?如何选择?

速记答案(30 秒)

Tailwind:原子类多、开发快、可 Tree-shaking;缺点是类名长、语义差。PureCSS:极轻量的基础组件库,上手简单;但组件能力有限。中大型项目+设计体系用 Tailwind;小项目或只要少量样式用 PureCSS。

📖 详细讲解

标准面试回答(推荐记住)

Tailwind CSS 是原子化 CSS 框架,提供大量原子类如 flex、mt-4、text-blue-500,开发速度快,配合构建工具可以 Tree-shaking 去掉未使用的样式。缺点是类名很长、HTML 可读性下降。PureCSS 是一个极轻量的 CSS 框架,只有几 KB,提供基础的按钮、表单、表格等组件,上手简单,但扩展性有限。中大型项目有统一设计体系的话推荐 Tailwind;小项目或只需要少量样式可以用 PureCSS 或手写。

面试要点

  • Tailwind 原子类开发快
  • PureCSS 极轻量
  • 根据项目规模选择