Q11
★ ★ ★ ★ ★
CSS 预处理器(Less/Sass)有什么好处?
⚡ 速记答案(30 秒)
变量、嵌套、混入(mixin)、函数等让 CSS 更接近编程语言。可拆分模块按需 import,提高可维护性。通过编译输出兼容性 CSS。总结:组织大项目样式更舒服。
📖 详细讲解
标准面试回答(推荐记住)
CSS 预处理器如 Less、Sass 让 CSS 具备了编程语言的能力。主要好处有:变量可以统一管理颜色、间距等设计 Token;嵌套写法更符合 HTML 结构;混入 mixin 可以复用代码块;还有函数、条件、循环等高级特性。另外可以拆分模块按需 import,提高可维护性。编译时还能自动添加浏览器前缀。总之,组织大项目样式更舒服。
✅ 面试要点
- •变量、嵌套、混入是核心特性
- •模块化拆分提高可维护性
- •编译时可自动处理兼容性