这周做了一个看似很简略的需要（就是给页面新增图片这么简略.....）过后我很开心刷刷刷把新图链接加上去就提测了。
然而当需要处于测试阶段时发现事件没有那么简略！！因为需要我的项目较老，发现我的项目内的成果全都是用原生JS实现的。而后本来的图片缩略图组件竟然不兼容切换图片时缩略图主动定位，所以又另外花了工夫对本来的图片缩略图组件进行改进。
先来看一下最终要实现的成果：
整体思路：
要害变量
- 变量
currentIndex示意以后将切换图片的index - 数组变量
currentShowItem示意以后缩略图区域展现进去的图片index
大体思路
- 所有用户交互时都须要从新计算
currentIndex与currentShowItem - 所有用户交互时都须要判断
currentIndex是否存在于currentShowItem中：若不在，则须要将缩略图区域滚动到将要切换的图片地位；若存在，则无需滚动缩略图区域 - 计算缩略图要滚动的地位
以下是逐步欠缺组件的过程
（待欠缺）