发表于: 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又有了一些新的思路,在重写代码的时候,思维方式比之前更广了。



返回列表 返回列表
评论

    分享到