耗费了一上午的功夫。功能还不能尽善尽美,重点bug太明显严重影响用户体验、大佬一眼看出来问题在哪并给出解决方案。
菜鸟成神的路还很长,掀桌ヽ(`Д´)ノ︵ ┻━┻ ┻━┻
记录一下这个思路
发生背景是:实时聊天控制一个audio标签播放语音。在每一条语音记录上显示加载语音的动画。而且只有点击的当条语音播放按钮才会显示加载动画。
原想法:在加载组件上面设置一个标志位同时判断是否是当前点击的。bug是所有语音信息中播放的按钮都会有这个判断。从而出现闪动。
解决方案是:
点击当前语音信息时,给当前语音对象添加一个标志位属性。每次点击当前播放的时候判断是否有此属性并且此属性是否是真。
从而点击当前时,给此元素加上加载动画。当加载完毕准备播放时加载动画消失。audio控制按钮出现。