学习重点

• CSS定位
• 计时器及无限滚动
• arrow,buttons的设置及效果

遗留问题

 function animate(offset) {
                 
                 var newLeft = parseInt(list.style.left) + offset;
                 list.style.left = newLeft + 'px';
                 if (newLeft > -600) {
                     list.style.left = -3000 + 'px';
                 }
                 if (newLeft < -3000) {
                     list.style.left = -600 + 'px';
                 }

无限滚动对应代码（未能彻底了解并熟练运用）

体会

制作轮播图感觉像组装机器一样，需要经过背后复杂的对接、分工才能得到我们看到的效果，即使是简单的一个button，其实背后也涉及到定位、滚动、鼠标绑定事件及合理的展现设计，个人感觉JS等的难点不在理解，而是面对大量需学知识的记忆、耐心及应用的判断，这次任务感觉虽学到不少，但都比较碎片化，我只能机械地将它们集拢、组装，但不能系统化地记忆与联想，给我的感觉和英语背单词是一样的。此外，对于我这种新手来说，一次性做到没有bug是很难的，制作途中一些未知的错误很挑战耐心与判断能力。总体来说，将学到的东西付诸应用并得到成果的感觉是不错的。嗯，就是这样。

补

交上去的轮播图后来发现按钮点击事件这儿好像出了点问题（无法点击控制图片）。。。暂时没找到原因，好像是少了事件