今天完成的事：学习任务11的内容，进展不大。

任务11中主要涉及的一些理论知识：

一.首先了解了一下什么是js（JavaScript），之前虽然在任务中引用过一些js中的依赖，但是完全不知道js是个什么东西，今天特意查了一下。

1.什么是js ( JavaScript)：JavaScript：

          js是一种嵌入到HTML页面中的脚本语言，由浏览器一边解释一边执行。

         HTML、CSS和JavaScript的关系如下：“HTML是网页的结构，CSS是网页的外观，而JavaScript是页面的行为。”

         HTML页面是静态的（只供浏览），而JavaScript的出现，把静态的页面转换成支持用户交互并响应相应事件的动态页面。

2.JavaScript的特点：

HTML页面是静态的，而JavaScript可以弥补HTML语言的缺陷，实现Web页面客户端的动态效果。JavaScript的作用有以下几点：

（1）动态改变页面内容：HTML页面是静态的，一旦编写，内容是无法改变的。JavaScript可以弥补这个不足，可以将内容动态地显示在网页中。

（2）动态改变网页的外观：JavaScript通过修改网页元素的CSS样式，达到动态地改变网页的外观。

（3）验证表单数据：我们常见的在各大网站中的注册中的验证功能，就是JavaScript实现的。

（4）响应事件：

   JavaScript是基于事件的语言。例如点击一个按钮弹出一个对话框，就是鼠标点击触发的事件，

对于JavaScript的理解，就一句话：如果没有使用JavaScript，网页就是静态的，唯一的功能就是给用户浏览。加入了JavaScript，网页变得绚丽多彩起来

二.什么是Sass

Sass是功能最为强大、最成熟、并且是最为流行的CSS预处理器。，实际上就是用编程方式来写CSS的一类语言。、

Sass是一种动态样式语言，比CSS多出好些功能（如变量、嵌套、运算、混入、继承、颜色处理、函数等），更容易阅读。

Sass和Less是当下最为流行的2门CSS预处理语言。Sass和Less差别不大，但是两者也有以下明显区别：

• （1）Sass由于是使用Ruby编写的，所以编译的时候是在服务器端处理；而Less由于是使用JavaScript编写的，所以编译的时候是在浏览器端处理；
• （2）Sass拥有更为强大的功能，如循环、函数、混合宏等，而less却没有；
• （3）Sass拥有成熟稳定的框架来辅助开发，特别是Compass，而less却没有；
• （4）Sass在国内外讨论热度最大，并且有一个稳定强大的团队在维护；
• （5）相当多的公司更为倾向于使用Sass，而不是less；

在Sass中，有2种语法格式：（1）Sass格式；（2）Scss格式。也就是说，平常我们所说的Sass和Scss其实是同一个东西来的，统称为Sass。Sass和Scss仅仅是Sass的两种语法格式罢了。

Sass格式：是Sass的“旧版本语法”。这种语法格式，不使用大括号“{}”和分号“;”，而是使用严格的缩进式语法规则来书写，也就是类似Ruby语言的写法。

                 Sass格式是不使用大括号“{}”和分号“;”的，并且在body元素定义样式的时候，color和background-color这2个属性都是严格缩进的。

Scss格式：是Sass的“新版本语法”。这种语法格式，使用大括号“{}”和分号“;”，并不使用严格的缩进式语法规则来书写，也就是类似CSS书写的格式。

                Scss格式跟平常我们写CSS的格式是一样的。

三。sass的一些基础语法：

1.在Sass中，我们声明变量使用的是“$”（美元符号）开头。

    Sass的变量包括3部分：声明符、变量名、值。 

  变量的取值有2种方式：（1）一般值；（2）默认值。

一般值：在Sass中，变量的一般值，指的是我们常见的变量值，这个值可以是数字、字符串等。

默认值：指的是给变量初始化一个默认值，这个值在后面可以根据开发的需要，使用一个“同名变量”的值覆盖掉。定义变量的默认值很简单，我们只需要在“变量值”后面加上“!default”就可以了。

2.变量的作用域

变量根据作用域可以分为2种：（1）全局变量；（2）局部变量。

1.全局变量：在Sass中，全局变量一般指的是在“选择器、混合宏、继承等”外部定义的变量。全局变量从定义开始，一直到整个程序结束都起作用。

2.局部变量：在Sass中，局部变量一般指的是在“选择器、混合宏、继承等”内部定义的变量。局部变量只能在这些的内部起作用，在这些的外部是不起作用的。

3.数据类型：在Sass中，共有7种数据类型：

• （1）数字值；数字（Number）是最基本的数据类型，可以是正数、0或负数。例如10px、10em或者10%。虽然它们带有单位，但是技术上依然算是数字。
• （2）字符串；共有2种字符串：
•                1）有引号的字符串；Sass引入无引号字符串的目的也是为了与CSS语法一致。
•                2）无引号的字符串；
• （3）布尔值；Sass中的布尔值只有2种取值：true和false。
• （4）颜色值；Sass中的颜色值共有4种：（1）关键字颜色值，如red；2）十六进制颜色值，如#FFFF00；（3）RGB颜色值，如rgb(255,255,0)；（4）HSL颜色值，如；hsl(360,50%,50%)；这几种颜色值都是可以互相转换的，在Sass的颜色运算中，我们都是统一转换为十六进制颜色值然后再计算
• （5）列表值；Sass列表值有2种语法格式，一种是由英文逗号隔开的分隔值，另外一种是由空格隔开的分隔值.  列表值可以包含0个、1个或多个值，甚至还可以包含多个“子列表值”。
• （6）Map值；Map值跟JSON值是非常相似的，数据都是以“键/值”的方式成对出现。    Map值的语法结构都是以“(”开始，到“)”结束的。其中“键名”和“值”之间用英文冒号构成对，两个“键名:值”之间用英文逗号分隔。此外还要注意一下，最后一对“键/值”后面是不需要逗号的。
• （7）空值null；

明天计划的事：完成任务11，运用sass重写任务四.

遇到的问题：还没弄明白sass怎么用，感觉一头雾水。无处下手...

收获：学习sass的一些理论知识，了解了一下什么是js