‍‍‍‍‍‍今天完成的事情：‍‍‍‍‍‍

标题部分‍‍‍‍

‍‍https://tenkairuri.github.io/task14/header.html‍‍

各种组件实现nav添加hover效果

https://tenkairuri.github.io/task14/nav.html

主体部分的自适应

https://tenkairuri.github.io/task14/main.html

拆出来的轮播图

https://tenkairuri.github.io/task14/carousel.html

页尾部分

https://tenkairuri.github.io/task14/footer.html

思考为什么要组件化

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

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

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

明天计划的事情：

‍‍进入js‍‍
遇到的问题：

把sass汇总会有问题........

这个地方的职位推荐不知道用table做好还是用div做好

https://tenkairuri.github.io/task14/zy-main.html

收获：‍‍‍‍‍‍‍

‍‍通过任务10的思路，知道label可以绑定id形成连接，思考轮播图效果是不是也能用这个做，查看了下纯css的实现方式，很复杂，在css表面添加label，然后通过动画属性切换其表面的label配合达成切换上下选择的效果。‍‍

想今天晚上把任务15完成了。