今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

1、任务14、15整体完成。

1.      综合运用组件化、scss、模块化内容。
   

1、回顾CSS知识点。

2、开始JS学习
遇到的问题：（遇到什么困难，怎么解决的） 

1、页面1轮播图，试过用纯CSS写，始终不够完美，能实现轮播，但达不到左右两边点击播放的目的。最后引用了网上的模板，用JS实现（大致了解原理，后续再研究下）。

2、开始写组件、模块的时候，用的是譬如header.scss等命名，而不是直接  _header.scss，一来可以方便直接看到编译结果，而来在html引用的时候可以做到直接调用该CSS，可以看到网页效果方便改写，待到所有组件写完之后，合成一个总的scss。

把原来的组件scss改为加下划线_的scss(不需要编译了，可以把原编译的css和map删掉，因为加了下划线的scss再修改后其编译的结果是看不到的，之前生产的css是不会变的)，总scss引入如下：

3、页面3职业介绍框里，开始在头部部分用的是div，下部分用的table，结果发现两者的border设置有问题，不能实现单线。后来整个头部和底部都放在table里面。同时边框设置单线。

table,td,tr{
  border: 1px $border-c solid;
  border-collapse: collapse;
}

4、页面3职业介绍框，有个hover效果，开始设置了原框的hover实现，但效果是鼠标一指上去，新框一直在闪，问题：当鼠标只在原框上面时，新框出来盖住了原框，这时候hover没有了，新框就消失了，然后鼠标又指导原框了，又出现hover了，所以就这样反复新框一致在闪的效果，解决方法，通过在新框也设置同样的hover效果。

5、合成后的scss中图片引入问题，原组件在写的过程中scss调用的图片是放在同级的image文件夹中的，合成总的task15-1.scss后，在总scsss同级的又找不到该图片，便会出现问题，解决方法：在总scss同级下建立image文件夹，把各组件中的照片又放到该文件夹中。【所以在用组件模块的时候如果不是在同一级的情况下，照片必须放两次？】

收获：

1、学习了组件化、模块的使用【分块写】，以及最后怎么合成总的scss【import引入】。

2、熟练了scss的写法。

3、熟悉了手写栅格系统的写法。