最新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中通过命令行调用编译器？
要调用编译器, 请遵循以下命令：

$ 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面试问题