平时开发遇到的问题

1.video视频ios无法播放

ios和安卓对视频请求字节不一样。需要后端对视频输出进行断点续传 

2. 切换清晰度，指定特定时间播放

视频流无法快进导致 

3.修改iframe内页面

跨域页面无法修改。进行css遮盖, 或者传参数，在被套页面进行调整 

4.通用组件内window.xx事件，后面的页面会覆盖前面的事件，导致只最后一个显示的组件生效

用addEventListener绑定，可以绑定多个，不会覆盖

5.设置1rem=10px时, 1rem显示成12px

 谷歌浏览器最小字体为12px，小于这个标准都会按12显示。调整rem基数

6.接口返回response和preview数据不一样

因为数据为Long型，返回给浏览器以后，浏览器转换数据格式的时候出现问题。

解决方案：返回数据之前就将数据转换为字符串，这样结果就是正确的。 

7. 实现tab组件，hover进行选中态, 移入一级, 二级, 三级要组件默认的hover效果, 移出的时候，要根据上次点击的内容进行选中态修复。

思路：mouseout进行数据对比修复选中态

如果使用onmouseout，进入子盒子也会触发父盒子的out事件。会触发父盒子的out逻辑，就算写延时处理，需要对所有的子盒子进行绑定，然后清除父盒子的延时函数, 很麻烦。

使用onmouseleave事件。离开大盒子时触发，进入子盒子不会触发。就可以完美的将移出逻辑统一处理了

8 . vue用watch观察对象的属性改变，不被触发

https://blog.csdn.net/bangbDIV/article/details/114625343?spm=1001.2014.3001.5501

9. 欧朋浏览器 axios请求不进入then,catch后续处理

问题现象：一个弹层页面，在弹层页面点击一个提交，然后关闭弹层，触发外部列表刷新。但是列表请求network中是有的，但是axios后续逻辑不执行。也不报错。

原因：关闭弹窗和请求外部列表没有产生线程间隔，欧朋浏览器认为axios是个无用的请求，结束后就给取消了任务执行。

解决办法：关闭弹层之后 ，setTimeout内触发列表请求，就可以了。