## 函數
> less 提供了大量函數
* 雜項函數
* 字符串函數
* 列表函數
* 數學函數
* 類型函數
* 顏色定義函數
* 顏色通道函數
* 顏色操作函數
* 顏色混合函數
### 本節介紹一些平時使用頻率比較高的函數
> 雜項函數
~~~
color // 顏色字符串解析
data-uri // data-uri("data:image/png;base63", path)
default // 默認條件為true
~~~
> 字符串函數
~~~
escape
e 等同于 ~
~~~
> 列表函數
~~~
length
extract
~~~
> 類型函數
~~~
isnumber
iscolor
isurl
ispixel
isem
ispercentage
isunit
~~~
顏色定義函數
~~~
rgb
rgba
~~~
顏色操作函數
~~~
lighten
darken
fadein
fadeout
fade
~~~
數學函數
~~~
ceil
floor
percentage
round
abs
~~~
### 課后習題
1.說出下面函數返回的值
~~~
isnumber(12px)
ceil(2.5)
ceil(-5)
isunit(12px,px)
~~~
2.下面的less代碼編譯后的結果是什么
~~~
.c(@a) when(default()) {
color:red;
}
.c(@a) when(@a>1) {
color:black
}
.b{
.c(1);
}
.a {
.c(2);
}
~~~
- Less
- 課程規劃
- Less概述
- 變量
- 混合
- 嵌套
- 繼承
- 導入
- 函數
- 其他
- 實戰
- ES6
- 課程規劃
- ES6概述
- let和const命令
- 變量的解構賦值
- 字符串擴展
- 函數擴展
- 數組擴展
- Set和Map數據結構
- Symbol
- Generator 函數
- Promise對象
- Class語法
- Module 的語法
- ES7和ES8
- 實戰
- VUE
- 課程規劃
- vue概述
- vue實例
- 模版語法
- 計算屬性和偵聽器
- Class和Style的綁定
- 條件渲染
- 列表渲染
- 事件處理
- 表單輸入綁定
- 組件基礎
- 過渡和動畫
- 自定義指令
- 過濾器
- 響應式原理
- 實戰課程
- Node
- 課程規劃
- 課程概述
- node入門實例
- 模塊系統
- 回調函數
- 全局對象
- 常用模塊介紹
- 常用模塊介紹-1
- 常用模塊介紹-2
- 常用模塊介紹-3
- npm使用
- express的使用
- express的使用-1
- webpack基礎
- 實戰
- 微信小程序
- 課程規劃
- 課程概述
- 基本配置和生命周期
- wxml模版
- wxss
- wxs
- 組件
- 微信API
- 自定義組件開發
- 實戰小程序
- Element
- 課程規劃
- 課程概述
- 特性介紹
- 組件介紹-基礎組件
- 組件介紹-表單組件
- 組件介紹-數據展示組件
- 組件介紹-提示組件
- 組件介紹-導航組件
- 組件介紹-其他組件
- 綜合案例