今天完成的事情：

1、【产品特色】前台html样式按照ui图修改；

2、修改草船云三期的样式bug；

3、听小九讲js作用域链的小课堂；

明天计划的事情：

修改草船云三期的bug；

遇到的问题：

项目页面左侧菜单栏的每个选项之间都有一条中间粗两端细的渐变效果的边框线，一开始以为是在border的边框上设置渐变效果，后来在网上查资料才知道是单独一个div使用css3的渐变效果，使用了backgroung：linear-gradient，设置渐变线条：从左往右，从白色变成灰色再变成白色：

渐变效果代码：

.border-shade{
    height:1px;
    background: linear-gradient(to left,#fff,#e1e1e1,#fff);
    background: -moz-linear-gradient(to left,#fff,#e1e1e1,#fff);
    background: -webkit-linear-gradient(to left,#fff,#e1e1e1,#fff);
    background: -o-linear-gradient(to left,#fff,#e1e1e1,#fff);
}

页面效果：

收获：

1、‍‍全局作用域：‍‍

1）‍‍最外层函数和在最外层函数外面定义的变量拥有全局作用域；‍‍

2）‍‍所有末定义直接赋值的变量自动声明为拥有全局作用域；‍‍

3）‍‍所有window对象的属性拥有全局作用域；‍‍

2、局部作用域：

‍‍和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到；‍‍

3、作用域链：

‍‍在JavaScript中，函数也是对象，实际上，JavaScript里一切都是对象。函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]]，由ECMA-262标准第三版定义，该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链。‍‍