一，今天完成的事情

1.完成了任务9，利用媒体查询，bootstrap的响应式工具完成了响应式设计，做的挺顺利的。昨天的hover问题很蠢的解决了，给hover设置一个媒体查询，当一行一个表格的时候设置一个60vh，就可以完全覆盖住table了。

2.看了下任务8和9的深度思考，响应式设计的优点是可以根据设备的不同，网页响应式的调整排版，只做一个版本即可。可以降低维护成本。兼容性也特别好。也方便我们改动调整，只改针对的分辨率设备的样式即可，对其他无太大影响。缺点是代码太多，影响加载速度，浪费带宽和设备内存。局限性大，针对电商这种内容超多的网页，就不太适合使用响应式设计，影响加载速度。

3.bootstrap的优点很多，功能强大，代码规范，使用的过程中也能学到很多东西，可以使用栅格布局，而且自动是对移动设备优先。bootstrap的插件很多，扩展性强，开源，可以自定义。但是用多了会影响自己对样式的熟悉程度。bootstrap使用过度也容易导致大家做出来的页面相似性太多，没特色。

4.写了任务10的header，导航栏和流程图，流程图发现一个问题，把active规定到第一步，但是第一步的连线没变色，不太熟悉before和after的逻辑，明天好好看下，学一下。

二，明天要做的事情

  1.完成任务10的表单页面和后续事宜，使用div和css写主表单，感觉很有趣，明天试试看。

  2.看下任务10的深度思考，做做笔记。

 三，遇到的问题

看了一下别人的流程图是怎么写的之后，写任务10的流程图的时候发现一个问题，把active规定到第一步，但是第一步的连线没变色，不太熟悉before和after的逻辑，明天好好看下，学一下。

  四，收获

 1.学会用媒体查询和部分bootstarp的响应式工具做响应式页面。

2.学会做流程图，但是原理不太清楚，明天好好瞅瞅看。