2022年9月14日（vue 消息订阅,js定时器叠加）

vue小demo item显示异常

item代码√

users中的的确确是有数据的，消息订阅与发布没有问题。

引用users中的数据显示item过程有问题。

但是代码本身没问题。

通过分析users中数据结构，我发现数据形式是有问题的。

本应只包含子项，现在确实原数据。操作子项的代码自然无法操作原数据。说明少了一层处理。

之后在消息发布中改为只发布原数据中的子项，问题解决！

js动画封装函数

settimeout只延迟执行一次（延时器），setinterval循环延迟执行（定时器）。

为什么重复开启定时器到达条件无法清除？又为什么只绑定一个定时器就能了？

当设置为先清除再添加时，不管什么时候单击都会保证一个。所以正常运行。当不清除时，添加了无数个，速度翻了无数倍。

经过试验我发现，多个定时器是依次执行的。（这里先不考虑间隔内未执行完的情况）

动画封装的函数中如果通过单击事件添加了多个定时器，就会增加移动速度，即多个定时器依次执行。

当到达指定位置销毁定时器时，只销毁了第一个。因为这时同一个对象的所有定时器名称相同，假如每个定时器名称不同，销毁代码指定销毁，就可以都销毁了。