今日完成的事

学习了sass的进阶部分，Sass 是一门高于 CSS 的元语言，它能用来清晰地、结构化地描述文件样式，有着比普通 CSS 更加强大的功能。 Sass 能够提供更简洁、更优雅的语法，同时提供多种功能来创建可维护和管理的样式表。

@if 指令是一个 SassScript，它可以根据条件来处理样式块，如果条件为 true 返回一个样式块，反之 false 返回另一个样式块。在 Sass 中除了 @if 之，还可以配合 @else if 和 @else 一起使用。比如

编译出来

@for 循环指令，for循环可以把一个区间之内数赋值给1个变量比如我们有一堆类名是从1到12这就可以用for循环来做

@for 循环中有两种方式：

@for $i from <start> through <end> 

@for $i from <start> to <end>

$i 表示变量，start 表示起始值，end 表示结束值，这两个的区别是关键字 through 表示包括 end 这个数，而 to 则不包括 end 这个数。

编译出来，编译出来

使用 CSS 预处理器语言的一个主要原因是想使用 Sass 获得一个更好的结构体系。比如说你想写更干净的、高效的和面向对象的 CSS。Sass 中的插值(Interpolation)就是重要的一部分。比如

@while 指令也需要 SassScript 表达式（像其他指令一样），并且会生成不同的样式块，直到表达式值为 false 时停止循环。这个和 @for 指令很相似，只要 @while 后面的条件为 true 就会执行。

编译传来的。

@each 循环就是去遍历一个列表，然后从列表中取出对应的值。

@each 循环指令的形式：@each $var in <list>

在 Sass 中除了可以定义变量，具有 @extend、%placeholder 和 mixins 等特性之外，还自备了一系列的函数功能。其主要包括：字符串函数，数字函数，列表函数，颜色函数，Introspection 函数，三元函数等。

unquote()函数

unquote() 函数主要是用来删除一个字符串中的引号，如果这个字符串没有带有引号，将返回原始的字符串。

quote() 函数刚好与 unquote() 函数功能相反，主要用来给字符串添加引号。如果字符串，自身带有引号会统一换成双引号 ""

明天计划的事

学习angular组件库

遇到的困难

angular组件库还是不是很了解

收获

对sass有了新的认知