今天完成的事情：（使用媒体查询改代码。因为刚开始布局代码的时候考虑的不周到，没有考虑到响应式的问题，导致后面再设置响应式比较麻烦，加上自己原来布局比较菜，乱七八糟的，所以在后面使用媒体查询要改变好多布局加盒子，真的是特别麻烦。自我谴责。以后写样式对布局一定要严格要求，把布局写好，不要乱定宽高。不把简单的东西复杂化，不强加样式。

新认识了JS语法问题：

JavaScript 是属于网络的脚本语言！

JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。

JavaScript 是因特网上最流行的脚本语言。

在代数中，我们使用字母（比如 x）来保存值（比如 2）。

通过上面的表达式 z=x+y，我们能够计算出 z 的值为 5。

在 JavaScript 中，这些字母被称为变量。可以把变量看做存储数据的容器。

与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）

变量必须以字母开头

变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）

变量名称对大小写敏感（y 和 Y 是不同的变量）

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。

在 JavaScript 中，对象是拥有属性和方法的数据。

在 JavaScript 中，对象是数据（变量），拥有属性和方法。

函数就是包裹在花括号中的代码块，前面使用了关键词 function：

function functionname()

{

这里是要执行的代码

}

当调用该函数时，会执行函数内的代码。

可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

） 
明天计划的事情：（完成任务十，开始任务十一，学习sass、less。在课余时间继续学习js语法相关问题。） 
遇到的问题：（媒体查询时候无法设置，经师兄帮助。得知媒体查询一般需放在最后面，放在前面会被后面的代替。） 
收获：（媒体查询了解加深。初识js）