今日完成：任务十一、十二完成

下一步计划：完成任务十三

遇到的问题：无

今日收获：

      1、 响应式的优点和缺点？

        优点：

              1、不同设备、不同分辨率会有不同排版，在所有开发维护和运营上，相对多个版本成本会降低很多

　           2、兼容性好，跨平台，移动设备尺寸参差不齐，版本定制通常只适用于固定规格的设备，但不适用分辨率变化较大的设备。

　　        3、方便改动，响应式设计是针对页面的，可以只对必要的页面进行改动，其他页面不受影响。

        缺点：

              1、页面加载的代码多了，导致文件增大，影响加载速度；

　　　　 2、在响应式设计中，图片、视频等资源一般是统一加载的，这就导致在低分辨率的机子上，实际加载了大于它的显示要求的图片或视频，导致不必要的流量浪费，影响加载速度；

　　　　 3、局限性，对于响应式，局限性较大，不适合一些大型的门户网或者电商网站，一般门户网或电商网站一个界面内容较多，而响应式最忌讳较多内容，代码过多会影响运行速度。

     2、less和sass的区别：

            1、编译环境不一样

                Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中。

            2、变量符不一样，Less是@，而Scss是$，而且变量的作用域也不一样。

            3、输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。

            4、引用外部CSS文件

            5、scss引用的外部文件命名必须以_开头。 但文件名如果以下划线_开头的话，Sass会认为该文件是一个引用文件，不会将其编译为css文件。

            6、Sass和Less的工具库不同。

     3、less的基础用法掌握

            详细参考：https://blog.csdn.net/wkeey/article/details/78886105

     4、less带多个参数的混合

           .wh(@width,@height){

                    width: @width;

                    height: @height;

             }

           .wh(42px,44px);