一、今天完成的事情

1、看bootstrap源码，把栅格系统自己写了一遍。主要涉及到：.container, .row ,.col-xs-6, .col-xs-7, .col-xs-12, .col-sm-6, .col-sm-12, .col-md-3, .col-md-4, .col-lg-3的样式重新以及@media在768px,992px,1200px这三个端点值的设置。经过调试三个页面可以正常显示。

2、完成任务14 module.css（header和footer）以及base.css的拆分。

二、明天计划的事情

1、完成任务15。

2、学习js语法。

三、遇到的问题

1、对于不用bootstrap重写汉堡导航栏，网上看到有用jquery写的，代码：（明天还得再看看）

2、任务14的深度思考：

为什要组件化开发？

组件化就好像我们的 PC 组装机一样，整个机器（应用）由不同的部件组成，例如显示器、主板、内存、显卡、硬盘等等。在保持硬件的兼容性前提下，随意更换每一个部件，都不会影响整个机器的运行

组件化开发有如下的好处：

1）降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、时间、范围等组件作具体的实现。

2）调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或者根据报错的组件快速定位问题，之所以能够快速定位，是因为每个组件之间低耦合，职责单一，所以逻辑会比分析整个系统要简单。

3）提高可维护性，由于每个组件的职责单一，并且组件在系统中是被复用的，所以对代码进行优化可获得系统的整体升级。例如某个组件负责处理异步请求，与业务无关，我们添加缓存机制，序列化兼容，编码修正等功能，一来整个系统中的每个使用到这个组件的模块都会受惠；二来可以使这个组件更具健壮性。

四、收获

    1、更好的运用拆分css样式。

2、对于bootstrap框架源码有深入的理解。

3、规范自己css的样式。