《1》今天完成的事情：

    1.用webpack搭建一个简易的开发框架，仅仅是为了自动刷新功能，

    2.完成了任务1，但是因为还没了解服务器这一块的内容，所以不能提交，用了webpack好像也不能生成静态网页，这个因为时间关系明天再去好好了解一下

《2》遇到的问题： 

      1. 清除浮动这块忘掉了，网上查了一下大概主要有三种方法：

          （1）在大的容器下边添加新的<div class="clear"></div> 然后在css文件里应用

         .clear{clear:both; height: 0; line-height: 0; font-size: 0}

                   这种方法兼容性好，就是用起来需要每次写一个 <div class="clear"></div> 比较麻烦

            (2)  在父级div里边定义overflow

.over-flow{    overflow: auto; zoom: 1; //zoom: 1; 是在处理兼容性问题

                 感觉这个用起来最简单，只需在css文件里定义一次，需要用的时候添加一个类名就可以了，overflow属性共有三个属性值 : hidden,auto,visible，可以使用hiddent和auto值来清除浮动，但不能使用visible值 

            (3)  给父级div添加伪类：after   

.outer {zoom:1;}    /*==for IE6/7 Maxthon2==*/
 .outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden;}

          这个方法原理和第一种类似，利用:after和:before来在元素内部插入两个元素块，从面达到清除浮动的效果，据说很高大上

     2.  任务一做成的网页不能自适应，因为用了固定的宽度，单位用的是px，没有很好的完成要求

          解决方法是：用vw和vh取代px，粗略看了一下相关资料，以及师兄的任务，修改以后勉强达到了要求，但是对于响应式布局还是不甚了了，明天再做具体的了解

《3》收获：

       最大的收获是自己独立搭建了一个webpack的框架，虽然很简单，但是基本能实现浏览器的自动刷新

《4》明天任务：

           1. 了解一下css的各种单位，布局

           2. 任务2的服务器知识相关初步了解，包括webstro和nginx