发表于: 2017-07-27 23:27:22
1 499
今天完成的事情:
1、了解了一下任务14和15,决定一块做,想起一周前被任务8和9虐的感觉就心有余悸呀;
2、目前完成了组件库的拆分,并且把顶部和导航栏的代码重新编辑后装了回去。
明天计划的事情:
1、继续任务14和15,关键是把轮播部分做完,后续主要的问题应该是集中在不使用栅格系统实现响应式。
遇到的问题:
1、拆分组件库,一是对概念的理解,以及拆分的意义,拆出来之后确实维护的时候会方便一些,对一些主要的部分只要维护相应的库即可。二是拆分后各个库之间的逻辑联系,并不是所有的组件库都是相互独立的,比如sass的参数设置,和reset等等,还有各种通用的组件库,刚上手的时候弄得比较晕。不过后来理顺了也不难~
2、不用bootstrap实现导航栏,主要的思路是设置两个导航栏,以768px为界,宽度大于768px时A导航栏显示,B导航栏隐藏,小于768px时反之。另外就是一个老问题,纯css无法实现点击事件,所以还是使用了hover效果。任务15的要求里有句话说是不使用其它框架..我不知道我理解的对不对,那是不是js,bootstrap,栅格全都不能用了= =感觉纯css要实现这一系列功能还是有点困难。
收获:
1、对组件库的认识和理解,在大型项目中应该是非常有用的东西。对不同的页面构成部分分开编写和存放代码,维护的时候单独调用,是非常方便的;
2、去掉了bootstrap和js后好像对css又有了一些新的思路,在重写代码的时候,思维方式比之前更广了。
评论