前端笔记——放弃很容易,但坚持一定很酷

ActiveXObject 是 Internet Explorer (IE) 浏览器中的一个内置对象，用于创建和操作各种 ActiveX 控件和 COM 对象。它提供了与客户端操作系统和其他应用程序交互的能力。ActiveXObject 只在 IE 浏览器中可用，并且在现代浏览器中往往不被支持。如果只是需要区分当前浏览器是不是IE浏览器，那只需要借助 ActiveXObject 来实现就行了，如果需要判断主流的浏览器版本，则需要使用window.navigator.userAgent来实现。

因为当开启了gzip之后，这两个值是有问题的。在ie10浏览器下，控制台打印 progressEvent 对象，发现 progressEvent.srcElement 为null，其他版本的浏览器 progressEvent.srcElement 是有值的，并且可以通过 getResponseHeader() 获取到响应头里的值。谷歌、火狐、edge都没有问题，ie11浏览器也没有问题，ie10及以下会报错，无法获取未定义或null引用的属性"getResponseheader。

之前的实现是直接讲点击事件绑定到了 icon 图标上，这样在谷歌、edge、火狐等是没问题的，但是在ie浏览器下，就会出现点击事件无效的情况，点击后不会触发点击事件。el-table 中经常有这种场景：最后一列是操作，只有一个图标。解决方案：将点击事件绑定到 el-button 上就行了。如果帮助到您了，可以留下一个赞👍告诉我。

问题背景：在IE浏览器下，新增add接口请求成功之后，调用了get查询接口，但是查询接口返回的数据没有刚刚新增add的数据。处理后，再看控制台，get请求的接口已经加上了时间戳，问题解决。1、改成post请求，这种需要后台接口同步修改。统一修改，项目里使用的axios，在请求拦截器里添加。控制查看，发现当前查询的接口有（来自缓存）几个字。2、给get请求后面加上时间戳。

众所周知：IE 浏览器已经被微软废弃，像windows 11这种系统内置已经找不到 IE 浏览器了，这对前端工程师而言，肯定是不行的。因为项目中，经常有现场需要支持 ie 浏览器。（吐槽一下：微软都放弃了，国内的客户大佬们还没放弃，真爱啊）桌面 --> 右键新建文本文档 --> 输入以下内容 --> 保存后修改文件后缀名为 .vbs --> 双击即可打开IE浏览器。如果帮助到您了，可以留下一个赞👍告诉我。脚本来打开 IE 浏览器。