发表于: 2019-12-29 22:20:40
1 1091
今天完成的事
1,模仿boostrap导航的制作,理解其中各个类作用效果 ;
2,理解并实现css实现轮播图的思路 ;
3,理清规范,css架构,css分离,模块组件化之间的联系;
明天计划的事
1,重构任务九的页面,理解其中boostrap的header,footer,主页面的构造方式;
2,学习JS如何获取Dom属性的值;
遇到的问题
1,在手动控制轮播图的制作中label与input的联合使用中,未能理解label和input的部分使用,后来发现上一张和下一张切换时的label和input使用表现出类似递归的调用形式;
收获
1,对css分离,css架构,css书写规范,组件化的目的都是为了让代码简洁高效;从开发者角度来看 规范的css利于开发者阅读,维护;css分离便于多次复用;架构让css文件清 晰明了,修改需求时更加方便;组件化让css变得像零件一样,有需要时可以方便的更换;无论哪个方面都是让开发省时省力;
2,纯css实现轮播图的多种实现方法,有对input ,label的特性利用制作手动轮播,有用css3动画进行轮播自动切换(其中又有利用定位进行左右切换和利用透明度淡入淡出效 果);
评论