网站专栏的作用,建e网室内设计网别墅,温州服务网站建设,wordpress jiu来源#xff1a;零一作者#xff1a;前端印象大家好#xff0c;IE 大家都不陌生#xff0c;毕竟出现在大家的视野中已经很久很久#xff0c;久到有20多年#xff0c;当然也因前端技术的快速更新#xff0c;给需要兼容IE浏览器的前端程序员带来了不少的困扰。慢慢地… 来源零一作者前端印象大家好IE 大家都不陌生毕竟出现在大家的视野中已经很久很久久到有20多年当然也因前端技术的快速更新给需要兼容IE浏览器的前端程序员带来了不少的困扰。慢慢地大家都在尝试抛弃IE比如Vue3考虑彻底放弃对IE的支持甚至连微软自己都决定在2021年8月17日起逐渐放弃支持IE时间久了对 IE 多少有点感情了跟大家一起回顾一下跟 IE 的抗争史吧利用高渲染模式因为 IE 不兼容的东西太多了很多人都选择使用相对比较高级的渲染模式。meta http-equivX-UA-Compatible contentIEEdge
// or
meta http-equiv”X-UA-Compatible” content”IEedge,chrome1″/上面一个是使用Edge渲染模式来解析代码下面这个则是使用Chrome内核但你用Chrome内核也得用户安装了才行啊很多电脑仅有一个IE你根本拿它没办法。害治标不治本的办法我是Mac哪来的IE直接好家伙很多程序员的电脑都是Mac你让我如何从macOS系统里给你找IE浏览器出来啊要不....再配一台Windows电脑拉倒吧幸亏很多国产浏览器都提供了IE内核也就是说你可以切换至IE内核强行模拟IE浏览器进行调试但这始终只是模仿呀又不是真实环境那只能安装一个非常占空间的虚拟机借助它提供的Windows环境来调试IE浏览器了。总之就是头疼ECMAScript 新语法我一个用不了大家用的最多的就是ES5的语法了吧或者说在大多数人的概念里ES5应该是很低级的语法了然而不争气的 IE 连对ES5的兼容性也不是那么完美那么能怎么办呢总不能说为了兼容IE放弃使用很多方便的新语法吧~ 其实不止IE对ECMAScript新语法兼容性不好这个支持程度都要看浏览器厂商的态度和效率的。所以我们也不得不为了兼容大部分浏览器而做各种退化操作比如出了ES6的语法而我们却用ES5的语法去实现一遍ES6的语法偷偷问一句很多面试题是不是就这么来的总之这么做不是个办法所以也孕育出了JQuery它最大的好处就是帮我们简化了代码、做足了浏览器兼容比如正常情况下元素的事件绑定和移除我们分别用的都是 addEventListener和 removeEventListener而IE呢分别是 attachEvent和 detachEvent。还有Ajax请求的写法IE也有它单独的方法正常的Ajax构造函数是XMLHttpRequest而IE则是 ActiveXObject还好这些兼容JQuery都帮我们做了那个时代谁不夸一句JQuery好呢真的难以想象要是没有站在巨人的肩膀上开发得多累啊再bb一句即使有了JQueryIE还是有好多要兼容的地方要吐了CSS的使用总是差强人意CSS3能让我们用简洁的语法完成花里胡哨的样式而IE不允许。现在最最最常用的Flex布局IE9及以下都不支持及时IE10、IE11兼容程度也不是很理想。那么怎么办当然是回归原始了定位、浮动梭哈当然也可以用table布局咯~IE浏览器的CSS兼容能有多BT!--[if IE 6 ] link relstylesheet typetext/css mediaall href./ie6.css /![endif]--!--[if lte IE 8 ] link relstylesheet typetext/css mediaall href./assets/css/ie8.css /
![endif]--条件注释是一种 IE 专有的、对常规XHTML 注释的 Miscrosoft 扩展。看代码也大致能猜到啥意思了就是针对不同的IE浏览器版本加载不同的样式文件这这这...这也太麻烦了路由支持程度不好前后端不分离的时代过去以后SPA的单页面应用成为了当前的主流那么路由的管理也就非常重要。众所周知路由一共有两种Hash 和 History前者没啥好说的没啥兼容问题但url会显得很丑后者是HTML5新增的API所以会有些兼容性问题尤其是IE但它解决了前者的缺点所以更多人还是喜欢用后者。咋整我写个SPA应用并且用了History管理路由放到IE9及以下的浏览器上就不管用了其实就连市面上很成熟的Router库都没有兼容IE9及以下的浏览器像vue-router对于IE9及以下不支持html5 history新特性如果在IE9及以下的版本则自动降级为Hash。那么放在普通的项目中我们该如何使用History路由呢同样是站在巨人的肩膀上借助一个叫 HTML5-History-API 的库即可这个库就很明确告诉你是兼容IE9及以下的版本的。IE退休了IE终于要退出历史舞台了2021年5月19日微软公司正式宣布历时26年后IE浏览器将于2022年6月15日停用。也就是说IE将永远停留在IE11版本微软也终于接受了现实。他们是心甘情愿放弃IE的吗当然不是存活26年的IE之所以能火起来只不过是得益于最先抢占市场以及Windows的捆绑安装而产品不用心维护迭代最终还是被那些优秀的浏览器给打败了放眼望去在PC端的IE市场占有率仅有1%多一点早已被其它浏览器甩在后头了。图来自于Statcounter近日谷歌搜索也发推特说明他们将不再支持IE11原因很简单维护成本太大这不就是我们开发时兼容IE的心声嘛一些思考IE提前退出历史舞台是因为它的不作为与主流浏览器的不统一独树一帜。程序员们的诉求是什么呢希望市场上的浏览器能尽可能得统一能按照同一套规范来实现功能这样能促使浏览器语言的快速发展与展现所有的注意力能放在业务、功能上而不是兼容这个兼容那个好了最后我再皮一下下一个遭殃的浏览器是谁呢评论区留下你的吐槽~往期推荐Facebook 遭遇史诗级故障数学在左人生在右Redis很厉害使用规范来啦携手开发者一起精准打造数智未来点分享点收藏点点赞点在看
