📜  LESS面试问题

📅  最后修改于: 2021-01-06 04:42:45             🧑  作者: Mango

较少面试问题

下面列出了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有什么区别?

Less Sass
Less is coded in JavaScript. SASS is coded in ruby.
It is processed on the client side It is processed at the client side.
Variables are declared with the @ symbol. Variables are declared with the $ symbol.
For mixing, it uses Less Mixins. For mixing, it uses Compass.

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中不同类型的函数的列表如下:

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