发表于： 2019-06-04 22:00:15
1 829
任务名称 ：css-task-14/15
成果链接：https://huanghuiqiang.github.io/CssTask/index.html
任务耗时：2019.5.28-2019.6.1（5天）
官网脑图：
任务总结：
任务14、15开始尝试将代码尽可能拆分，达到日后能够重复使用的目的。老大提到了，能做到30%的代码复用，就是优秀的程序员。能做到60%的复用率，是大神级。做到了90%，则能让大多数程序员失业。
而为了实现代码的复用，需要考虑代码在需求变更后的可拓展性，以及在日后其他项目的重复性利用。重构代码则是抱着这两个问题，去思考如何实现。
在轮播图的实现中，尝试使用原生js实现，遇到了不少问题。方式是通过把图片排成一列，通过点击事件让图片轮动。宽度通过获取浏览器的宽度实现了，高度自适应还没想到如何实现。后面参考下bootstrap源码看下。
最后通过动画的方式实现了轮播的效果。将图片使用列表排成一列，方便添加删除图片。使用flex中，flex-shrink: 0;使得图片填充屏幕宽度。最后通过margin-left：-100%的方式，设置在第一张图片，使得图片移动。
明天的事情：
开始js任务二
返回列表
评论