较少面试问题

下面列出了LESS面试中最常见的问题和答案。

1)什么是少?

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

2)Less编程语言是什么时候首次发明的?

Less编程语言于2009年首次发明。

3)Less最初使用哪种语言书写?

LESS于2009年首次用Ruby编写。

4)Less中使用的当前语言是什么?

目前，Less正在使用JavaScript。

5)谁是Less的发明者?

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

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

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

7)我们可以以几种方式使用Less?

有三种使用Less的方法：

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

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

需要使用@符号声明变量，并使用冒号(:)来分配变量中的特定值。还必须在变量的值之后添加分号(;)。

例如：

@primarycolor: #FF7F50;
@color:#800080;
h1 {
   color: @primarycolor;
}

h3 {
   color: @color;
}

在Less的上述示例中，Less编程中使用的两个变量的值分别为＃FF7F50和＃800080。

9)Mixins在Less中有什么用?

在Less中，Mixins可帮助您将一组规则集中的一组属性添加到另一组规则集中。它包括类名作为其属性。可以使用类或id选择器以与CSS样式相同的方式声明Mixins。它可以存储多个值，并在必要时可以在代码中重用。

句法：

    .round-borders {  
      border-radius: 5px;  
      -moz-border-radius: 5px;  
      -webkit-border-radius: 5px;  
    }  
    #menu {  
      color: gray;  
      .round-borders;  
    }  

10)嵌套在Less编程中起什么作用?

嵌套用于允许代码遵循某些视觉层次结构，从而使代码更简单，更简洁，更简单。例如，可以在Less编程中完成类的嵌套。

例如：

.container {
   h1 {
      font-size: 25px;
      color:#E45456;
   }
   p {
      font-size: 25px;
      color:#3C7949;
   }

   .myclass {
      h1 {
         font-size: 25px;
         color:#E45456;
      }
      p {
         font-size: 25px;
         color:#3C7949;
      }
   }
}

在上面的Less文档中，嵌套myclass的示例是容器类的子类。

11)Less中的颜色通道功能是什么?

在Less中，颜色通道功能是内置功能，用于根据颜色定义为通道设置值。 HSL颜色由色调，饱和度和亮度通道组成，而RGB颜色由红色，绿色和蓝色通道组成。

12)LESS中数据URI(统一资源标识符)的用途是什么?

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

13)“减少源地图内联”选项代表什么?

“较少源代码的源地图”选项表示所有CSS文件都必须包含在源地图中。

14)Less和SASS有什么区别?

15)Less与Sass有何相似之处?

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

• 两种命名空间都相似。
• 两种颜色功能都相同。
• 两者的嵌套功能是相同的。
• 两者的JavaScript评估都是相同的。

16)Lessless中的＆combinator是什么?

在LESS中，＆combinator用于组合嵌套选择器和父选择器。

17)较少支持操作吗?

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

18)Less中的转义有什么用?

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

19)有没有其他可以替代Less的选择?

是的，可以使用各种其他替代方法来代替Less，例如SCSS，手写笔。

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

要调用编译器，请遵循以下命令：

• $ Lessc样式。较少

21)Less中e()函数的目的是什么?

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

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

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

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

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

24)在Less中，命名空间和访问器有什么用?

命名空间用于以通用名称将Mixins分组。您可以在Less文件中借助命名空间和访问器来执行封装。

例如：

.class1 {
   .class2 {
      .val(@param) {
         font-size: @param;
         color:green;
      }
   }
}

.myclass {
   .class1 > .class2 > .val(20px);
}

25)在LESS编程语言的变量上下文中定义范围。

变量的范围是指变量存在的位置。首先在本地范围内搜索变量。如果它不在本地范围内，则编译器将在父范围内搜索。

例如：

@a: 15px;

.myclass {
   font-size: @a;
   @a:20px;
   color: green;
}

在上面的Less文档中，变量a在类内部定义，值为20，同名变量也在类外部定义，值为15。当编译器执行此Less文档时，它将首先搜索局部范围。因此，使用变量的局部范围。在编译过程之后，将创建字体大小值为20px的CSS文件。

26)什么是评论?

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

27)编译器对注释有何反应?

编译器对注释的反应不算什么。在编译代码时，编译器将忽略注释。

28)在“更少”文档中可以进行多少种注释?

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

29)在Less编程中导入有什么用?怎么做?

导入用于将CSS或Less文档导入Less文档。导入可以通过在Less文档的开头加上“ @import”，然后在CSS或Less文件的地址之后进行。

30)在Less中，extend有什么用?

该扩展是Less伪类，用于在一个选择器中选择另一种选择器样式。

例如：

h2 {
   &:extend(.style);
   font-style: italic;
}

.style {
   background: green;
}

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

31)Less中提供哪些不同类型的功能?

Less中不同类型的函数的列表如下：

• 杂项函数
• 字符串函数
• 清单函数
• 数学函数
• 类型函数
• 颜色定义函数
• 色彩通道函数
• 色彩操作
• 色彩融合功能