开发中遇到的坑

当mousemove事件遇到iframe

开发的项目中有一个效果，拖拽缩放div的width

右边使用iframe引入一个页面，这样问题就出来了，鼠标移动事件触发时，如果鼠标移动过快，进入到iframe页面，onmousemove事件就会失效。

原因：

光标在进入到iframe页面时，就相当于进入了一个新的页面，所以onmousemove事件会判断为光标移出了当前页面，所以会onmousemove事件会暂时失效，但是并没有终止，当光标回到左侧，onmousemove事件会承接失效前的结果，继续执行。

我的解决办法：

给iframe添加一个透明遮罩层，z-index层级加高，拖拽事件触发遮罩层显示，否则隐藏，当他移入到iframe部分时，光标并没有进入iframe，所以onmousemove事件不会失效。

vue中的key

vue中的key用来标识渲染唯一性的

audio自动播放

不知道从什么时候开始，浏览器不在支持audio的自动播放-[play()]了，准确的说不支持没有与用户互动的
https协议下依旧支持浏览器打开自动播放
http协议下，需要获取用户权限，用户点击页面(或者进行其他交互)之后，才可以自动播放

iframe的刷新

this.$refs.iframeDom.contentWindow.location.replace(address);