LESS 面试问题

下面给出了一个关于最常问的 LESS 面试问题 和答案的列表。

1) 什么是 Less？

Learner Style Sheet (Less) 是一种向后兼容的语言，可以编译成层叠样式表 (CSS)，并在客户端和服务器端运行。它是一种开源语言，与跨浏览器兼容。

2) Less 编程语言最初是什么时候发明的？

Less 编程语言最初于 2009 年发明。

3) Less 最初是用什么语言编写的？

LESS 最初于 2009 年用 Ruby 编写。

4) Less 目前使用什么语言？

目前，Less 使用 JavaScript。

5) Less 的发明者是谁？

Less 由 Alexis Sellier 和 Dmitry Fadeyev 设计和开发。

6) Less 文件的扩展名是什么？

".less" 是 Less 文件的扩展名。 始终需要在 Less 文档文件中使用 ".Less" 扩展名。

7) 我们可以通过几种方式使用 Less？

有三种使用 Less 的方法

• 通过命令行。
• 通过第三方工具。
• 您可以将 Less 下载为浏览器的脚本文件。

8) 您如何在 Less 中表示变量？

需要使用 @ 符号声明一个变量，并使用冒号 (:) 将特定值分配给变量。 还需要在变量值之后添加一个分号 (;)。

例如

在上面的 Less 示例中，Less 编程中使用的两个变量具有值 #FF7F50 和 #800080。

9) Less 中的 Mixins 有什么用？

在 Less 中，Mixins 允许您将一组属性从一个规则集添加到另一个规则集。 它包括类名作为其属性。 可以像使用类或 ID 选择器一样声明 Mixins 作为 CSS 样式。 它能够存储多个值，并且可以在需要时在代码中重用。

语法

10) 嵌套在 Less 编程中的作用是什么？

嵌套用于通过允许它遵循一些视觉层次结构来使代码变得简单、干净且不那么复杂。 例如，可以在 Less 编程中完成类的嵌套。

例如

在上面的 Less 文档示例中，myclass 是 container 类的子类。

11) Less 中的颜色通道函数是什么？

在 Less 中，颜色通道函数是内置函数，用于根据颜色定义设置关于通道的值。 HSL 颜色由色相、饱和度和亮度通道组成，RGB 颜色由红色、绿色和蓝色通道组成。

12) LESS 中数据 URI（统一资源标识符）的作用是什么？

借助 Data URI，可以将图像直接嵌入到样式表中。

13) "Source Map Less Inline" 选项代表什么？

“Source Map Less Inline”选项表示所有 CSS 文件都必须包含在源映射中。

14) Less 和 SASS 有什么区别？

15) Less 与 Sass 有什么相似之处？

以下是 Less 和 Sass 之间的相似之处

• 命名空间在两者中相似。
• 颜色函数在两者中相同。
• 嵌套功能在两者中相同。
• JavaScript 评估在两者中相同。

16) Less 中的 &combinator 是什么？

在 LESS 中，&combinator 用于将嵌套选择器与父选择器结合起来。

17) Less 支持运算吗？

是的，Less 支持各种算术运算 +、?、*、/，可以在任何颜色或变量上进行运算。

18) Less 中 Escaping 的作用是什么？

当需要使用无效语法执行 CSS 文件时，可以使用转义。

19) 有没有可以代替 Less 的替代方案？

是的，有各种其他替代方案可以代替 Less，例如 SCSS、stylus。

20) 如何通过命令行调用 Less 中的编译器？

要调用编译器，请按照以下命令操作

1. $ Lessc styles.Less

21) e() 函数在 Less 中的作用是什么？

e() 函数的作用是从 Less 编译器转义一个值。

22) 如何在 Less 中创建循环结构？

当递归 mixins 与模式匹配和保护表达式结合使用时，它可以创建各种迭代/循环结构。

23) 将 Less 预编译为 CSS 的最佳方法是什么？

将 Less 预编译为 CSS 的最简单方法是将 Less.js 与 Node.js 一起使用，其中 Less.js 在浏览器外部运行。

24) Namespaces 和 Accessors 在 Less 中的作用是什么？

命名空间用于在公共名称下对 Mixins 进行分组。 您可以在 Less 文件中使用命名空间和访问器执行封装。

例如

25) 在 LESS 编程语言中的变量上下文中定义作用域。

变量的作用域是指变量存在的位置。 变量首先在局部作用域中搜索。 如果它不在局部作用域中，则编译器在父作用域中搜索。

例如

在上面的 Less 文档中，变量 a 定义在类中，值为 20，并且使用相同名称的变量也在类外定义，值为 15。 当编译器执行此 Less 文档时，它首先搜索局部作用域。 因此使用变量的局部作用域。 在编译过程之后，创建 CSS 文件，其 font-size 值为 20px。

26) 什么是注释？

注释是指一些人类可以理解的文本，用于理解编程中某些复杂代码的工作方式。

27) 编译器对注释的反应是什么？

编译器对注释的反应是无。 在代码编译时，编译器会忽略注释。

28) Less 文档中可以完成多少种类型的注释？

Less 文档中允许两种类型的注释，内联注释和块注释。 但是，如果将内联注释写入代码中，编译器会忽略它，并且不会将该代码添加到 CSS 文件中。 只有块注释才会被添加到 CSS 文件中。

29) 在 Less 编程中使用导入有什么用？ 如何完成？

导入用于将 CSS 或 Less 文档导入 Less 文档中。 可以通过在 Less 文档的开头包含 "@import" 后跟 CSS 或 Less 文件的地址来完成导入。

30) extend 在 Less 中有什么用？

extend 是 Less 伪类，用于在一个选择器中选择另一个选择器样式。

例如

在上面的扩展样式类示例中，属性已导入到 h2 的属性中。

31) Less 中有哪些不同类型的函数？

以下是 Less 中不同类型的函数列表

• 杂项函数
• 字符串函数
• 列表函数
• 数学函数
• 类型函数
• 颜色定义函数
• 颜色通道函数
• 颜色运算
• 颜色混合函数