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

2. 安装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. 选择器可以包含多个伪类，但是必须位于末位。

2. 选择器和之间是允许有空格。

3. 选择器可以多次继承。

4. 如果一个规则集包含多个选择器，其中任何一个选择器都可以具有 。

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 函数

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

• 参数： 一个或多个要比较的值。
• 返回：最大值。
• 语法：