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 极轻量
- •根据项目规模选择