推广 热搜: 行业  机械  设备    系统  教师    参数  经纪  蒸汽 

Less学习

   日期:2025-01-03     移动:http://sjzytwl.xhstdz.com/mobile/quote/86810.html
1、定义

是一种扩展语言,也被称为预处理器,为拓展了变量、Mixin、函数等特性,使更易维护和扩展,使我们可以像写一样编写。

随着我们变成业务的复杂程度提升,原生的编程语言已经渐渐不能满足我们的需求。预处理语言的出现正是针对某些不易维护或繁琐的语言进行预处理,拓展该语言的语法功能。

什么是CSS预处理器
CSS预处理器是一种脚本语言,是CSS的扩展,使用该脚本语言编写的文件经过编译后输出标准的CSS,然后web浏览器就可以读取解析它。Less看起来与CSS非常相似,但是它提供了许多扩展功能,比如变量、函数、混合和操作符等,这些功能可以帮助你编写动态CSS。

Less和SASS都是常用的CSS预处理器,Less文件和Sass文件经过编译后输出标准的CSS,可以被web浏览器读取解析。

2、使用

是用编写的,需要或才能运行。在项目中包含,可以实时编译所有导入样式表,但是这样做性能比较差,通常不推荐。

本教程使用 编译文件,功能强大使用方便,已经成为前端开发中的必备工具。

3、Less 历史

开始是用编写的,但后来的版本改为编写,并且不推荐使用。最初由于2009年开发。

4、Less 特性
  • 与CSS相比,Less的代码干净、紧凑、可读性好,项目的文件组织更好。
  • Less支持多种浏览器。
  • Less更快,更容易。
  • Less是用Javascript编写的,编译速度比其他css预处理器更快。
  • Less提供了变量让维护更简单。
  • Less提供了嵌套,让代码更短、更干净,更容易组织。
  • Less让你编写可重用的样式代码。
  • Less是CSS的扩展,兼容CSS,是CSS的超集。
  • Less解决了CSS的代码冗余问题。
  • Less提供@import指令,可以轻松导入外部文件,让你可以将复杂样式表文件拆分,更好地组织项目文件。
  • Less为共享样式的组选择器提供了扩展方法,代码更清晰更有组织。
  • Less提供了强大的合并属性。
5、对比

1.Sass

  • 背景介绍

Sass是对CSS(层叠样式表)的语法的一种扩充,诞生于2007年,最早也是最成熟的一款CSS预处理器语言,它可以使用变量、常量、嵌套、混入、函数等功能,可以更有效有弹性的写出CSS。Sass最后还是会编译出合法的CSS让浏览器使用,也就是说它本身的语法并不太容易让浏览器识别,因为它不是标准的CSS格式,在它的语法内部可以使用动态变量等,所以它更像一种极简单的动态语言。

其实现在的Sass已经有了两套语法规则:一个依旧是用缩进作为分隔符来区分代码块的;另一套规则和CSS一样采用了大括号)作为分隔符。后一种语法规则又名SCSS,在Sass3之后的版本都支持这种语法规则。

Sass官网地址:http://sass-lang.com

  • 安装

Sass是Ruby语言写的,但是两者的语法没有关系。不懂Ruby,照样可以正常使用Sass。只是必须先安装Ruby,然后再安装Sass。

  • 扩展名 或
  • 变量

sass变量必须是以$开头的,然后变量和值之间使用冒号)隔开,和css属性是一样的

2.Less

  • 背景介绍

2009年开源的一个项目,受Sass的影响较大,但又使用CSS的语法,让大部分开发者和设计师更容易上手。LESS提供了多种方式能平滑的将写好的代码转化成标准的CSS代码,在很多流行的框架和工具中已经能经常看到LESS的身影了(例如Twitter的Bootstrap框架就使用了LESS)。

根据维基百科上的介绍,其实LESS是Alexis Sellier受Sass的影响创建的一个开源项目。当时SASS采用了缩进作为分隔符来区分代码块,而不是CSS中广为使用的大括号)。为了让CSS现有的用户使用起来更佳方便,Alexis开发了LESS并提供了类似CSS的书写功能。

LESS的官网:http://lesscss.org

  • 安装
 
  • 扩展名
  • 变量

Less css中变量都是用@开头的,其余与sass都是一样的。

3.Stylus

  • 背景介绍

Stylus,2010年产生,来自于Node.js社区,主要用来给Node项目进行CSS预处理支持,在此社区之内有一定支持者,在广泛的意义上人气还完全不如Sass和LESS。

Stylus被称为是一种革命性的新语言,提供一个高效、动态、和使用表达方式来生成CSS,以供浏览器使用。Stylus同时支持缩进和CSS常规样式书写规则。

Stylus官网:http://learnboost.github.com/stylus

  • 安装
 
  • 扩展名
  • 变量

stylus对变量是没有任何设定的,可以是以$开头,或者任何的字符,而且与变量之间可以用冒号,空格隔开,但是在stylus中不能用@开头。


1、环境搭建

环境搭建分为2个步骤

  1. 安装nodejs

linkhttps://www.cnblogs.com/li150dan/p/10451772.html

  1. 安装Less
 
2、一个简单的例子
 
 

现在使用less编译器编译less文件。命令行中,切换到文件所在目录,执行以下less编译命令

 

使用浏览器打开simple.html文件即可。

3、注释

注释使代码清晰易懂。与一样,支持单行注释和多行注释。

在中,单行注释以双斜杠开头,不会出现在编译出的文件中;多行注释格式与相同,多行注释会出现在编译出的文件中。

,单行注释和多行注释都是的格式。

 
4、嵌套

嵌套可以让代码有层次结构,代码更清晰、简单。但过多嵌套也会让代码复杂性增加,难以维护,必须把握好度。

 
5、运算符

支持加减乘除运算符,任何数字、颜色、变量都可以使用运算符计算值。

 

1、定义

使用符号来定义变量 ,在中开头是则是变量,关于变量的命名方法,大家可以参考js中命名的规则,毕竟是做前端的,有着统一的习惯有助于我们统一风格。个人推荐变量名的命名规则使用驼峰命名法。第一个单词首写字母小写,从第二个开始,单词首写字母大写。如boxAaa,boxBbbb,boxContainer,……,当然也是可是使用香肠命名法用下划线“_”来命名。如,box_main,border_bottom,……

2、使用

在样式属性值中使用时,直接用即可调用变量

在其他地方,包括选择器名称、属性名称、URL和@import语句使用时,变量必须以插值的形式使用

 
3、变量特点

变量是懒加载的,不要求一定在使用之前声明。

4、在存在多个同名变量时,变量如何获取值

和css规则类似,在同时定义一个变量两次时,会在使用变量的地方,从当前范围向上搜索,使用变量最后定义内的属性值。

 
5、变量的其它使用技巧:初始值

在定义变量时可以给变量赋一个初始值,后期在使用中通过重新定义或函数 来覆盖原本的初始值


Extend is a Less pseudo-class which merges the selector it is put on with ones that match what it references.——官方定义

慕课解释
1、Extend 是 Less 语法中的一个伪类,它可以继承所匹配的全部样式。
2、Extend 是为了解决样式表中重复的样式,这一点与其它语言中的继承功能相似。
3、Extend 主要用于复用重复的样式类,可附加在选择器上或放置到样式集中。

 
1、语法

可以附加到选择器后面,也可以放到样式规则中,它看起来就像是一个选择器的伪类,在使用的时候我们可以选择性的加上关键字

 
2.可直接附加在选择器上使用

每个选择器可以使用多个语句,但是所使用的 语句必须放在选择器末尾,下面详细描述

  • 在选择器之后:pre:hover:extend(div pre)。
  • 选择器和之间允许有空格:pre:hover :extend(div pre)。
  • 允许多个:pre:hover:extend(div pre):extend(.bucket tr)- 注意这是相同的pre:hover:extend(div pre, .bucket tr)
  • 这是不允许的:pre:hover:extend(div pre).nth-child(odd)。 必须在选择器末尾。

如果规则集包含多个选择器,则它们中的任何一个选择器都可以具有extend关键字。

 
3.也可以放到样式集中使用,但注意在使用时需在前面加上 符号

把放到多个选择器共用的样式规则集中,是把样式继承到每个选择器的最佳选择。

 

优势:如果把放在选择器后,那么需要单独对 .a , .c , .d单独处理,会增加代码量,后期维护也很繁琐

4.嵌套选择器

将直接放在选择器后,可以继承嵌套选择器样式规则

 
5.中选择符的精确匹配

Less中,关键字里面的选择器必须与已定义的样式选择器严格一致,如样式只能通过继承,而不能是,尽管这两者在CSS中并没太多区别。

唯一例外的是属性选择器中的 引号 ,知道它们具有相同的含义并匹配它们。

 

编译下,命令行中报错了… 没有匹配到

 

选择器前面的符号是很重要的, 虽然和是一样的,但是在中无法匹配到

 

多个伪类在中的顺序也很重要,选择器和匹配相同的一组元素,但将它们视为不同。

 
6. 使用的选择器、使用属性筛选的选择器
  • 1n+3和n+3相当,但不会匹配他们
 
  • 在属性选择器中的引用类型无关紧要。以下所有都是相同的。
 
7. 继承中的关键字

当继承嵌套结构的样式时,如果想要同时继承嵌套结构内的样式,需要在样式名加上关键字。

 
8. 选择器插值与

不能将选择器与变量相匹配。如果选择器包含变量,将忽略它

 

但是,将继承直接写在变量选择器后,可正常使用,将上例代码改为如下

 
9. 作用范围 在中的使用
  • 在媒体声明中写入的只匹配同一媒体声明中的选择器:
 
  • 在媒体声明中写入的,不匹配其嵌套声明中的选择器:
 
  • 顶级将匹配所有内容,包括嵌套媒体中的选择器
 
10. 重复检测 - Duplication Detection

在使用时,less目前没有检测重复的 功能

 
11. Tip
  1. 选择器可以包含多个伪类,但是必须位于末位。
 
  1. 选择器和之间是允许有空格。
 
  1. 选择器可以多次继承。
 
  1. 如果一个规则集包含多个选择器,其中任何一个选择器都可以具有 。
 

5.可以匹配嵌套选择器。

 

6.中所继承的选择器名称不能是变量,以下示例均为错误示范。

 

7.并没有重复检测,请勿重复定义。比如以下代码中只用继承或者即可,以下写法编译时并不会帮我们把重复的选择器删除掉。

 
12.Extend案例扩展
  • 典型用例

典型的用例是避免在html添加基本选择器类别。

 
  • 减少css大小

将所有属性复制到一个选择器中,这会导致不必要的重复。因此,您可以使用而不是mixin将选择器移到您希望使用的属性,这样会大大减少生成的css。

 
  • 结合样式,更高级的混合

另一个用例是mixin的替代方案——因为mixin只能与简单的选择器一起使用,如果您在html上有两个不同的块,但是它们需要应用相同的样式到,那么您可以使用来关联两个区域。

 
  • 利用重复代码

通过继承我们可以创建出不同的基础样式,比如背景颜色、字体大小等

 

这种方法帮助我们减少许多重复的代码。


“mix-in” properties from existing styles。——官方定义

慕课解释: “mix-in” 的中文翻译为 “混合” 。简而言之,在 Less 中 Mixins 的作用就是,在已有的样式中添加其他已经定义好的属性集合,从而达到属性复用的效果。

是一组共用的属性,类似编程语言中的函数,选择器通过调用,把中的属性包含进来。

在中,使用我们可以轻松的把引入到,从而实现属性上的复用。任何或者都可以引入。

 

代码解释:使用前提是需要先定义一个样式类(.a,然后在引用的样式类(.mixin-class)中写入之前定义的样式类名称,并在名称后加上 “()” 来表示一个 Minxins 。我们可以把 Mixins 当作一个样式的集合,同样后面需要加上 “;” ,避免造成语法错误。

1、不输出Mixin本身

从上面的示例代码中,我们可以看到定义的也被编译到了输出的代码中,但是某些情况下这些样式造成不必要的重复。此时我们可以在定义 Mixins 时在类的名称后加上 ,这样所定义的样式就不会编译到输出的代码中了。

 
2. Mixin中的选择器

mixin不仅可以包含属性,还可以包含选择器。

 
3. 命名空间

命名空间可以将mixin组合到一个公共名称下,这样可避免mixin之间名字冲突。

 
4. 受保护的命名空间

当保护应用于命名空间时,只有在保护条件返回true时才使用命名空间定义的mixin。命名空间保护类似于mixin的保护。

 
5.关键字

important关键字用于覆盖特定的属性。当它被放置在mixin调用之后,它将所有继承的属性都标记为!important。

 
6. Tip
  • 定义的名称后面如果不加,则会编译到生成的中,反之则不会。
  • 引用的名称后的可以省略,但是为了避免代码混淆,建议大家在引用时加上。

慕课解释: 含有传入参数的 Mixins 。

在 Less 中传入参数的就叫做参数混合,我们可将其理解为含有参数的函数。参数的传入有多种方式,大体上与函数中参数较为类似,大家如果有基础的话可以对比着进行理解。

 

参数使用

  • 具有多个参数的Mixin – 在这种Mixin类型中,可以使用逗号或分号分隔参数。
  • 命名参数 – 在命名参数中,mixin使用参数值而不是位置名来提供参数值。
  • @arguments 变量 – @arguments变量包括调用mixin时传递的所有参数。
  • 变参和@rest变量 – 变参使用省略号(……)表示
  • 模式匹配 – 模式匹配通过传递参数来改变mixin的行为。
1. 设置默认参数

设置默认参数后如果使用未传入参数,将取参数的默认值。

TIPS:未设置默认参数且使用时未传入参数编译会报错

 
2. 设置多个参数

当同时包含多个参数时,多个参数之间使用或者分隔。建议使用,因为在中逗号有两种含义:代表参数分隔符或列表分隔符。

如果使用作为分隔符,就不能使用含有的属性值作为参数。此外,如果参数之间有一个作为分隔符,编译器则会认为属于属性值的一部分。

 

同时定义多个名称和参数相同的是可行的,编译时将会使用所有可以应用的属性。

 
 
3. 命令参数

中的参数可以不按照特定的顺序定义,可以直接使用其参数名称进行定义。

 
4. @argument 变量

@argument 代表调用 Mixins 时传入的所有参数。
如果我们想要同时处理所有参数,可以使用 @argument 变量。

 
5. 高级参数和@rest变量

如果想要接收可变数量的参数,我们可以使用代表其余的参数。

 
 
6. 模式匹配

当多个相同名称的存在时,调用时将会选择最符合的那个。
所以我们可以定义一个标识,以便于引用正确的。

 
 

Return variables or mixins from mixins 。——官方定义

慕课解释: Mixins 可以作为一个函数使用返回参数或者一个新的 Mixins 。

与函数非常相似。可以嵌套,可以接受参数并返回值。

  • 作用域 – 中的变量对调用者是可见的,并且可以直接使用。
  • 返回值 – 在中定义的变量将作为它的返回值。
  • 中的 – 中的也可以作为返回值返回。

混合函数可以对传入参数进行处理后返回,封装判断、循环及计算逻辑,从而达到复用的效果。

 
1. 返回参数

混合函数可对传入参数进行计算处理。

 
2. 返回 Mixins

混合函数可以返回一个并引入使用。

 
3. Tip
  • 在中定义的变量和混合函数是仅对调用方来说是可见的。
 
  • 如果调用方的作用域中,包含相同名称的变量(包括由另一个混合函数定义的变量,则保留原本定义的变量。从父作用域所继承的变量则会被覆盖重写。
 
  • 混合函数返回值时可以处理传入的参数,对参数进行一系列复杂的参数处理。
  • 混合函数返回 Mixins 时注意需要先调用混合函数,才能调用返回的 Mixins 。

Allow wrapping of a css block, defined in a mixin 。——官方定义

慕课解释:把一个值为规则集的变量作为 Mixins 使用。

变量不仅可以作为一个值或路径,也可以是一组属性、嵌套的规则集、媒体声明或存储在变量中的任何其他内容。

使用场景主要用于定义一个样式属性不定的,它可以在媒体查询或非支持的浏览器类名中封装一段属性值。规则集可以传递给,以便可以包装内容。

 
1、返回

变量所包含的规则集中也允许含有并将其返回。

 
2、Tips

变量的规则集作用域有以下两个特点

  • 规则集内可以使用调用者内定义的变量和混合。
  • 外部同名的变量优先级高于调用者内部定义的同名变量。
 
  • 定义变量时值为规则集(以下简称变量)时这个变量可以看作是一个。但是它与又有什么区别哪?主要有以下几点

    • 定义的形式不同,可以作为一个 选择器或者是类选择器为 节点增加样式,简单来说就是可以出现在编译后的代码中,而变量不能。
    • 作为混合函数时使用范围不同,可以返回或变量,而变量只能返回。
 

import styles from other style sheets——官方定义

慕课解释:通过导入指令引入其他样式表的内容 。

导出并不需要特殊的语法,但是导入需要我们使用语法并加上文件名称。此外导入机制仅编译我们用到的代码,并不会编译多余的代码。

 

有一点与原生语法不同的是,在中规则必须位于所有其他类型的规则之前。但是可以将语句放在任意位置。

TIPS:注意,在这里中虽然允许我们将导入指令写在任意位置,个人建议同语法一样在文件头部导入文件,便于我们快速查阅导入文件的列表并进行修改。

除了可以引入文件,还可以引导不同类型的文件。
根据导入文件类型的不同,语句可能会出现以下几种情形

  • 如果文件扩展名为,该文件将被视为文件,语句引入规则保持不变。
  • 如果文件扩展名为除和以外的拓展名,语句将会将其拓展名视为并将其引入。
  • 文件无扩展名时,语句将会默认添加拓展名并引入。
 

可以帮助我们形成一个个的文件模块,使用文件模块有以下几个优点

  • 提高代码复用性
  • 提高代码可维护性

导入配置

 

的值有以下几种

  • : 使用 文件但是不输出它
  • : 在输出中包含源文件,但不对其进行处理
  • : 无论拓展名为什么,都视为 文件
  • : 无论拓展名为什么,都视为 文件
  • : 仅引入一次文件 (默认行为
  • : 多次引入文件
  • : 找不到文件时停止编译。

语句中可以包含多个配置选项,但必须使用分隔开。比如

 
1、reference

使用导入外部文件,如果没有使用引用的样式,导入的样式将不会添加到编译输出中。

2、inline

使用 包含外部文件,但不处理它们。

当文件可能不兼容时,我们使用此选项。因为尽管已经支持大多数已知的标准,但在某些地方它不支持注释,并且不修改就不支持所有已知的。

3、less

使用可以忽略引入文件的拓展名,并将其视为文件。

4、css

同配置选项类似,将文件视为文件。

5、once

语句的默认行为。这意味着该文件仅导入一次,该文件的后续导入语句将被忽略。

6、multiple

使用可以多次引入名称相同的文件。这是与 行为相反的一个选项。

7、optional

使用仅在文件存在时才允许导入。如果没有配置可选关键字,则在导入找不到的文件时会抛出并停止编译。


Mixin Guards(混合守卫

Conditional mixins——官方定义

慕课解释:根据条件进行判断。

在 的使用条件需要匹配一个值或算法时,我们可以使用 的条件判断。

与 、 等函数式编程语言的条件判断一样,不过语法形式略有差异。

为了与 原生语言语法形式保持一致,在中是通过守卫函数的形式而不是 ,与 的用法类似。

 

混合守卫适用于需要匹配值、运算式、范围的场景,避免出现调用错误。

1. 条件判断运算符

条件判断的运算符包含以下几个

此外,这个关键字是唯一代表条件为真的值。

 
2. 条件逻辑运算符

当的判断条件含有两个及两个以上时,我们可以使用逻辑运算符将条件进行关联。

 

守卫可以用逗号分开,如果任何一个判断语句的计算结果为真,它被认为是一种匹配,类似。

 
3. 类型检查函数

使用提供的类型检查函数对变量进行判断

 

主要有以下几种基础的类型检查函数

如果要检查某个值是否除作为数字外还包含在特定单位中,还可以使用

4. default()函数

函数可根据已创建的条件来形成该条件的补集。

 

CSS Guards(CSS 守卫

官方定义: “if”’s around selectors.

慕课解释: 类似与 Mixins 守卫,在选择器中使用类似于 “if” 的判断语句。

也可以应用于选择器,它是用于声明然后立即调用它的语法糖。

 

官方定义: Creating loops .

慕课解释: 创建循环。

在中,我们可以通过结合函数自身调用从而达到类似于循环的效果,创建各种循环迭代结构。

循环主要用于动态创建多个样式类或多个属性值。

 
 

官方定义: Combine properties .

慕课解释: 合并属性值 。

合并功能允许将多个属性中的值合并到一个属性的列表中,值用或者空格分隔开。

主要应用于列表属性的整合,比如、等属性。

合并的属性必须都加上符号,当符号不相同时,以引用的时候的符号为准。

1. 逗号分隔

使用合并功能之前需定义一个 并在需要合并的属性后加上,然后在引入 minxin 后在被合并的属性后也加上。

 
2. 空格分隔

使用步骤同逗号分隔,将属性后的符号改为 即可。

 

官方定义: Referencing parent selectors with & 。

慕课解释: 用符号引用父选择器。

在嵌套结构中表示父选择器。

 

嵌套结构中默认编译规则为,即父选择器和子选择器之间使用空格分隔开的。

所以在未添加的情况下, 输出的样式选择器会是 , 这与我们预期的结果是不一致的。

1. 多个 组合

我们可以使用多个运算符并使用其他运算符连接起来,便于重复引用父选择器而无需重复其名称。

 

注意表示所有父选择器(不只是最近的祖先)

 
2. 更改选择器顺序

在某些情况下我们需要将选择器放在继承的(父)选择器之前。 此时可以通过将运算符放在当前选择器后面来完成。

 
3. 排列组合

运算符可用于生成逗号分隔列表中选择器的所有可能的排列组合。

 

1. 杂项函数

杂项函数主要用于处理图片路径、颜色等途径或单位的修改以及某个含有单位值的单位获取。

1.1 函数

函数用途: 用于解析颜色,将颜色值的字符串处理为可以使用的颜色值。

  • 参数: 指定颜色值的字符串
  • 返回值: 颜色值
  • 语法
 
1.2 函数

函数用途: 用于获取图片文件的尺寸。

  • 参数:获取尺寸的文件
  • 返回值: 尺寸(图片长和宽
  • 语法
 
1.3 函数

函数用途: 获取图片文件宽度。

  • 参数: 获取尺寸的宽度
  • 返回值: 宽度(单位为
  • 语法
 
1.4 函数

函数用途: 获取图片文件长度。

  • 参数: 获取尺寸的长度
  • 返回值: 长度(单位为
  • 语法
 
1.5 函数

函数用途: 单位转换

第一个参数包含一个带单位的数字,第二个参数包含一个单位。

如果两个单位兼容,则进行单位转换。如果它们不兼容,则第一个参数将按原样返回。

  • 支持转换的单位如下

    • lengths(长度单位): , , , , ,
    • time(时间单位): ,
    • angle(角度单位): , , ,
  • 参数

    • : 含有单位的浮点数。
    • , 或者 : 单位 。
  • 返回值

 
1.6 函数

函数用途: 将内联资源转换为 或者 格式 。

参数

  • : mime 类型字符串(可选)。
  • : 内联文件的路径。

如果没有 , 函数将从文件名后缀中猜测出来。 文本和文件编码为,其他所有文件编码为 。

如果提供了,且 参数以 结尾,则该函数将使用 转换图片。 例如,被编码为 ,而 被编码为 。

如果选项打开,资源过大,或者在浏览器中使用该功该函数则会回退为。

 
1.7 函数

函数用途: 仅在混合守卫的条件中使用,当无其他 匹配时返回 ,反之则返回。

在 中我们可以通过 函数结合其他函数对 进行保护。

 
1.8 函数

函数用途: 更改或删除尺寸的单位。

  • 参数
    • : 填入一个数值,带单位或者不带
    • :(可选参数) 填入需要转换的单位,如果未传入,则移除数值的单位。
  • 语法
 
1.9 函数

函数用途: 返回数值的单位。如果参数包含带单位的数字,则该函数返回其单位。不带单位的参数将导致返回一个空值。

  • 参数:带或不带单位的数字。
  • 语法
 

2. 字符串函数

字符串函数主要用于字符串的转码、替换、格式化等方面,可以帮助我们快速简便的处理字符串。

2.1 函数

函数用途: 将编码应用于在输入字符串中找到的特殊字符。

tips:

  • 以下这些字符不会参与编码: , , , , , ,, , ,
  • 常见的编码字符: , , , , , , , , , , , , , ,
  • 参数: 需要转义的字符串。
  • 返回值: 转义后的字符串,未带引号。
  • 语法
 
2.2 函数

函数用途: 转义,替换为~”value”语法。

该函数可将字符串去除引号并返回。它可用于将输出无效的值转换为 语法,或转换 不能识别的专有语法。

  • 参数: 需要转义的字符。
  • 返回值:去除引号后的转义字符。
  • 语法
 

tips:
该函数还接受含 、 的值和数字作为参数。其他类型的参数会报错。

2.3 函数

函数用途: 格式化字符

第一个参数是带有占位符的字符串。所有占位符开始百分号后跟字母,或。其余参数包含替换占位符的表达式。如果需要输出百分比符号,请用另一个百分比将其转义。

如果需要将特殊字符转义为转义码,请使用大写占位符。该函数将转义除以外的所有特殊字符。空格编码为。小写占位符保留原样的特殊字符。

占位符

1.,可以通过任何种类的参数(颜色,号码,转义值,表达式,…)的替换。如果将它们与字符串结合使用,则将使用整个字符串-包括引号。但是,引号按原样放置在字符串中,不能用“/”或类似符号进行转义。
2. ,可以用任何表达式替换。如果将它与字符串一起使用,则仅使用字符串值-省略引号。

  • 参数
    • : 带占位符字符串。
    • : 用于替换占位符的值。
  • 返回值:格式化后的字符串。
  • 语法
 
2.4 函数

函数作用: 替换字符串中的文本.

  • 参数
    • :被替换的字符。
    • : 需搜索的字符串或正则表达式。
    • : 用于替换匹配模式的字符串。
    • (可选)正则表达式标志。
  • 返回值: 替换后的字符串。
  • 语法
 

3. 列表函数

在中一个变量也可表示一个列表,列表用分隔开,类似于其他语言中的数组,该章节的函数就是为了操作列表所产生的,比如返回列表长度、获取指定元素的等。

3.1 函数

函数作用:返回值列表中的元素个数。

  • 参数: 用逗号或空格分隔的值列表。

  • 返回值: 列表中元素的整数。

  • 语法

 
3.2 函数

函数作用:返回列表中指定位置的值。

  • 参数
    • 用逗号或空格分隔的值列表。
    • 一个整数,它指定要返回的列表元素的位置。
  • 返回值:列表中指定位置的值。
  • 语法
 

4. 数学函数

数学函数用于数组的处理,比如数字的取整四舍五入、三角函数等数学运算,三角函数及 π 值获取的函数。

4.1 函数

函数作用:取整,将浮点数向下舍入到下一个整数。

  • 参数: 浮点数。
  • 返回值: 整数。
  • 语法
 
4.2 函数

函数作用:取整,将浮点数向上舍入到上一个整数。

  • 参数: 浮点数。
  • 返回值: 整数。
  • 语法
 
4.3 函数

函数作用:将浮点数转换为百分比字符串。

  • 参数`number 浮点数。
  • 返回值: 百分比字符串。
  • 语法
 
4.4 函数

函数作用: 按需舍入。遵循四舍五入。

  • 参数
    • :浮点数。
    • (可选)要舍入的小数位数。默认为 0。
  • 返回值
  • 语法
 
4.5 函数

函数作用:计算数字的平方根。保持单位不变。

  • 参数: 浮点数。
  • 返回值
  • 语法
 
4.6 函数

函数作用:计算数字的绝对值。保持单位不变。

  • 参数: 浮点数。
  • 返回值
  • 语法
 
4.7 函数

函数作用:计算正弦函数。

假定数字的弧度不带单位。

  • 参数: 浮点数。
  • 返回值
  • 语法
 
4.8 函数

函数作用:计算反正弦函数

返回以弧度表示的数字,例如 和之间的数字。

  • 参数: [-1, 1]间隔中的浮点数。
  • 返回值
  • 语法
 
4.9 cos 函数

函数作用:计算余弦函数。

假定数字的弧度不带单位。

  • 参数: 浮点数。
  • 返回值
  • 语法
 
4.10 函数

函数作用:计算反余弦(余弦的倒数)函数。

返回以弧度为单位的数字,例如 0 到 之间的数字。

  • 参数: 从[-1,1]间隔开始的浮点数。
  • 返回值
  • 语法
 
4.11 函数

函数作用:计算切线函数。

假定数字的弧度不带单位。

  • 参数: 浮点数。
  • 返回值
  • 语法
 
4.12 函数

函数作用:计算反正切(反正切)函数。

返回以弧度表示的数字,例如和之间的数字。

  • 参数:浮点数。
  • 返回值
  • 语法
 
4.13 函数

函数作用:返回 π 值

  • 参数
  • 返回值
  • 语法
 
4.14 函数

函数作用:返回提高到第二个参数的幂的第一个参数的值。设第一个参数为A,第二个参数为B,返回A的B次方。

返回值的尺寸与第一个参数的尺寸(单位)相同,而第二个参数的尺寸(单位)将被忽略。

  • 参数
    • : 浮点数。
    • : 浮点数。
  • 返回值
  • 语法
 
4.15 函数

函数作用:返回第一个参数对第二参数取余的结果。

返回值的尺寸与第一个参数的尺寸(单位)相同,而第二个参数的尺寸(单位)将被忽略。该功能还可以处理负数和浮点数。

  • 参数
    • :一个浮点数。
    • :一个浮点数。
  • 返回值
  • 语法
 
4.16 函数

函数作用:返回一个或多个值中的最小值。

  • 参数: 一个或多个要比较的值。
  • 返回:最小值。
  • 语法
 
4.17 函数

函数:返回一个或多个值中的最大值。

  • 参数: 一个或多个要比较的值。
  • 返回:最大值。
  • 语法
本文地址:http://sjzytwl.xhstdz.com/quote/86810.html    物流园资讯网 http://sjzytwl.xhstdz.com/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


0相关评论
相关最新动态
推荐最新动态
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号