个性化阅读
专注于IT技术分析

最新Less常见面试题和答案汇总

Less面试问题

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

1)什么是Less?

学习者样式表(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编程中起什么作用?

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

例如:

.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)”减少源地图内联”选项代表什么?

“Less源代码的源映射”选项表示必须将所有CSS文件都包含在源映射中。


14)Less和SASS有什么区别?

Less Sass
SASS用红宝石编码。
它在客户端进行处理。
变量用$符号声明。
为了进行混合, 它使用了指南针。

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

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

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

16)Less中的&combinator是什么?

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


17)Less支持操作吗?

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


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

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


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

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


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

要调用编译器, 请遵循以下命令:

  1. $ Lessc样式。Less

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

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


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

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


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”文档中可以进行多少种注释?

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

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

Java OOP面试问题
Java字符串和异常问题
JDBC面试问题
JSP面试问题
休眠面试问题
SQL面试题
Android面试题
MySQL面试问题

用JavaScript编码更少。

在客户端处理

变量用@符号声明。

对于混合, 它使用Less Mixins。

Java基础面试问题

Java多线程问题

Java Collection面试题

Servlet面试问题

春季面试问题

PL / SQL面试问题

Oracle面试问题

SQL Server面试问题

赞(0) 打赏
未经允许不得转载:srcmini » 最新Less常见面试题和答案汇总
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏