Sass、Less 是什么？为什么要使用他们？

参考答案：

他们都是 CSS 预处理器，是 CSS 上的一种抽象层。他们是一种特殊的语法/语言编译成 CSS。 例如 Less 是一种动态样式语言，将 CSS 赋予了动态语言的特性，如变量，继承，运算， 函数，LESS 既可以在客户端上运行 (支持 IE 6+, Webkit, Firefox)，也可以在服务端运行 (借助 Node.js)。

为什么要使用它们？

• 结构清晰，便于扩展。 可以方便地屏蔽浏览器私有语法差异。封装对浏览器语法差异的重复处理， 减少无意义的机械劳动。
• 可以轻松实现多重继承。 完全兼容 CSS 代码，可以方便地应用到老项目中。LESS 只是在 CSS 语法上做了扩展，所以老的 CSS 代码也可以与 LESS 代码一同编译。

题目要点：

Sass 和 Less 是两种流行的 CSS 预处理器，它们扩展了 CSS 的功能，使得编写 CSS 更加高效和灵活。

为什么要使用它们？

1. 提高开发效率：

   • 通过变量和混合，减少重复代码，提高代码复用性。

2. 增强代码可维护性：

   • 模块化和组件化使得代码结构更清晰，易于维护。

3. 增加样式控制：

   • 函数和计算属性允许在 CSS 中进行更复杂的计算和逻辑处理。

4. 支持编程特性：

   • 变量、条件语句、循环等编程特性使得 CSS 更加灵活和强大。

5. 自动化构建：

   • 可以与构建工具（如 Webpack、Gulp）集成，自动化编译和优化过程。

6. 浏览器兼容性：

   • 预处理器代码最终会被编译成标准的 CSS，确保在所有浏览器中的兼容性。

考察重点

• 理解：Sass 和 Less 的基本概念和特性。
• 应用：能够根据项目需求选择合适的 CSS 预处理器。