发表于： 2017-03-31 20:20:42
1 690
今天完成的事情：组件库拆分，重写任务的header nav导航栏和轮播图
明天计划的事情：完成任务十五
遇到的问题：1.用css写导航栏的时候，分别通过媒体查询和display：none的结合，设置了正常状态的导航栏和小屏幕的折叠导航栏。在折叠导航栏的时候，使用的是hover效果，鼠标移到导航栏位置时弹出下拉菜单。但是下拉菜单弹出的时候不能顶开下面的内容，尝试了几个方法后，发现是因为在ul列表外加了一层div，导致下拉菜单出来时，div框并没有增大。去掉div框后，能正常顶开下面内容。
2.关于组件、模块部分
我分别写了一个独立css框架（layout）、独立css颜色样式（color）、独立通用样式（general）然后header和main以及footer将会引用颜色和通用样式文件，还有reset类对使用到的带有属性值的标签进行初始化。之中并没有使用原子类，个人觉得原子类太杂乱，而且不符合HTML和css框架和样式分离的初衷，所以没有用。
3.纯CSS的轮播图还是自己没法写出来。查阅了高手们的源码，了解了大概的模式。是通过animation动画标签进行编译，将所有轮播图放在同一个位置隐藏，对其设定时间间隔显示。或者是通过按键进行轮流显示。
收获：想想即将到来的js学习，有点小激动呢
返回列表
评论