轮播图循环切换闪动问题及解决方案
使用轮播图组件时，循环切换到首图时，尤其在用户频繁点击的情况下，常出现短暂闪动。本文针对基于translate3d动画的轮播图，分析闪动原因并提供解决方案。
问题根源在于循环切换（例如从最后一页到第一页）时，浏览器需要重新计算和渲染图片位置。如果用户操作频繁，浏览器来不及完成渲染，导致画面闪烁。
改进方案的核心在于优化changeCur方法。原代码直接修改cur值，迫使浏览器在动画过程中重新计算位置，引发闪动。改进后的方法在循环切换到首图时，先将transitionDuration设为0s，瞬间将cur值设为首图索引，然后通过访问this.con.offsetWidth强制浏览器重新计算元素布局，最后恢复transitionDuration为.3s并设置cur值。此举避免了动画过程中的位置重新计算，从而解决了闪动问题。
this.con.offsetWidth这一行至关重要，它强制浏览器重新渲染，确保动画平滑过渡。 循环切换到首图或尾图时，先将动画时间设为0，瞬间跳转到目标位置，再通过访问offsetWidth强制浏览器重新渲染，最后恢复动画时间，保证动画流畅性。 这有效避免了浏览器渲染延迟和冲突，从而消除了闪动。
