原生JS轮播图学习总结

从动手写第一个原生JS轮播图到这篇更新已过去一个月半。

写第一个轮播图时参考的代码是左右滚动切换,而我写的是淡入淡出效果,用一周时间才搞定。然后整个六月都在尝试把它改成面向对象版。单纯的函数式编程比较简单,只要捋清图片切换逻辑就能写出有效的代码。但面向对象版学起来困难多了。最终模仿别人代码,敲出来勉强能用。但为什么这样写的原理还是没理解透彻。

写过的轮播图汇总:

函数版

渐入淡出效果

上下滚动效果

左右滚动效果

面向对象版

渐入淡出效果(看上去没问题但感觉不对劲)

左右滚动效果(半成品)

上下滚动效果

这里还有个最初写的稚嫩版。把所有图片链接放在一个数组里了。 试验品