Less面试题及答案 - [ Web技术面试题及答案 ]

Less(Learner Style Sheet)是一种向后兼容的语言,可以编译到级联样式表(CSS)中,并在客户端和服务器端运行。 它是一种开源语言,兼容跨浏览器。通过阅读下面LESS面试题和答案,有助于让您在面试过程中应付自如,也可作为测评或复习巩固LESS知识。

1. Less是什么?

学习者样式表(Learner Style Sheet简称:Less)是一种向后兼容的语言,可以编译到级联样式表(CSS)中,并在客户端和服务器端运行。 它是一种开源语言,兼容跨浏览器。

详细答案>>

2. Less编程语言在哪年发明?

Less编程语言最早于2009年发明。

详细答案>>

3. Less最初使用哪种语言编写?

LESS最初是在2009年用Ruby编写的。

详细答案>>

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

目前,Less正在使用JavaScript。

详细答案>>

5. Less的发明者是谁?

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选择器将Mixins声明为与CSS样式相同的方式。 它可以存储多个值,并且可以在必要时在代码中重用。 语法: .round-borders { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #menu { color:...详细答案>>

10. 嵌套在Less编程中的作用是什么?

嵌套用于使代码简单,干净且不太复杂,允许它遵循一些可视化层次结构。 例如,可以在Less编程中完成类的嵌套。 例如: .container { h1 { font-size: 25px; color:#E45456; } p { font-size: 25px; color:#3C7949; } .myclass { h1 { font-size: 2...详细答案>>

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

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

详细答案>>

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

在数据URI的帮助下,图像可以直接嵌入样式表中。

详细答案>>

13. “Source Map Less Inline”选项代表什么?

“Source Map Less Inline”选项表示所有CSS文件都必须包含在源映射中。

详细答案>>

14. Less和SASS有什么区别?

Less和SASS有以下区别: Less SASS Less用JavaScript编码。 SASS用Ruby编码。 它在客户端处理 它在客户端处理。 使用@符号声明变量。 使用$符号声明变量。 对于Mixins,它使用Less Mixins。 对于Mixins,它使用Compass。 详细答案>>

15. Less如何与Sass相似?

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

  • 名称空间在两者中都相似。
  • 两种颜色功能相同。
  • 嵌套功能在两者中都是相同的。
  • JavaScript评估在两者中都是相同的。
详细答案>>

16. 什么是Less中的&combinator?

在LESS中,&combinator用于将嵌套选择器与父选择器组合在一起。

详细答案>>

17. Less支持运算符吗?

是的,Less支持各种算术运算,如:+?*/可以在任何颜色或变量上操作。

详细答案>>

18. 在Less中使用转义有什么用?

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

详细答案>>

19. Less有没有替代品?

有。其他替代品可以代替Less,如SCSS,stylus。

详细答案>>

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

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

$ lessc styles.Less
详细答案>>

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文档时,它首先搜索本地范围。 因此,使用变量的局部范围。 在编译过程之后,创建的CSS文件的字体大小值为20px...详细答案>>

26. 注释是什么?

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

详细答案>>

27. 编译器对注释的反应是什么?

编译器在编译代码时忽略注释。

详细答案>>

28. 可以在Less文档中进行多少种注释?

Less文档,内联注释和块注释中允许使用两种类型的注释。 但是,如果在代码中编写内联注释,编译器会忽略它,不会将注释代码添加到CSS文件中。 只有块注释才会添加到CSS文件中。

详细答案>>

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

导入用于将CSS或Less文档导入Less文档。 可以通过在Less文档的开头包含“@import”后跟CSS或Less文件的地址来完成导入。

详细答案>>

30. 在Less中使用extend有什么用?

extend是一个Less伪类,用于在一个选择器中选择另一个选择器样式。 例如: h2 { &:extend(.style); font-style: italic; } .style { background: green; } 在上面的示例中,扩展样式类属性已导入到h2的属性中。详细答案>>

31. Less中有哪些不同类型的函数?

Less中不同类型函数的列表如下: 杂项函数字符串函数列表函数数学函数输入函数色彩定义函数色彩通道函数色彩操作颜色混合函数详细答案>>
注: 此试题仅作为相关知识水平测试,不能作为权威试题和答案。非商业转载注明原文链接即可;商业转载需本站授权同意。