最新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。
【最新Less常见面试题和答案汇总】Java基础面试问题
Java多线程问题
Java Collection面试题
Servlet面试问题
春季面试问题
PL / SQL面试问题
Oracle面试问题
SQL Server面试问题

    推荐阅读