windows系统下主流浏览器(包括IE浏览器)对Vue技术栈支持性调查

html-css06

windows系统下主流浏览器(包括IE浏览器)对Vue技术栈支持性调查,第1张

  公司接到了个国企大项目,系统要windows,要求必须兼容xp系统,是否兼容IE8浏览器再商量,我们之前的项目主要是用vue、react技术栈完成的,在项目开始前,我进行了调研工作。

主流浏览器支持安装的最高版本号

主流浏览器对Vue支持的最低版本号

  Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的ECMAScript 5特性Object.defineProperty实现数据追踪,故不支持IE8及更低版本的浏览器,但它支持所有兼容 ECMAScript 5 的浏览器。

xp系统下能安装的主流浏览器最高版本号

主流浏览器支持canvas、svg的最低版本号

主流浏览器对Vue-UI框架常用的css3属性支持的最低版本号

主流浏览器对于Vue-UI框架的支持度分析

  我对国内最热门的Vue UI框架element-ui着重进行调查,element-ui对IE10及以上的浏览器兼容性好,对IE9浏览器支持不好,原因从上表就可以得知,IE9对css3的支持度不好,大多数css3属性都不支持,而element-ui的一些组件又是基于css3开发的,如el-row、el-col、el-upload组件在IE9上无法使用,el-input、el-table组件在IE9上部分功能也用不了。

总结

  本次总部项目要求支持xp系统,xp系统最高只能安装IE8浏览器,因为vue设计特性的原因,vue只在IE9及以上浏览器才能运行,但IE9对css3支持较差,vue生态对IE10以上的浏览器才展现良好的支持性。所以如果决定使用vue技术栈,就要抛弃IE8,如果需要兼容IE8,就不能用vue,转而考虑可以兼容IE8的react技术栈或兼容性更好的jQuery。

  另一种方法是建议在xp系统下安装另外两个主流浏览器firefox以及chrome,在xp系统下可以安装到chrome v49、firefox v52,更重要的是这两个现代浏览器很早就与标准对接,在它们早期的版本chrome v4、firefox v2就对大部分的css3属性以及所有ES5标准进行支持,在chrome v20、firefox v20几乎对所有的css3属性进行了支持,vue在这些浏览器上可以完美的运行。

  鉴于以上分析,我建议该项目放弃对IE8及以下浏览器的支持,推荐安装firefox以及chrome这两个浏览器,如果需要支持IE9,需要做好UI框架部分Vue组件无法使用的准备。如果总部要求必须支持IE8浏览器或更低的浏览器版本,建议使用jQuery,详细分析,可以看我另一篇关于 《主流前端框架对IE浏览器支持度调查》

截至2022年4月,VUE 3 可以说是相对成熟了,但没有 VUE 2.× 成熟。

VUE 2.× 是一个比较稳定的版本,也是很长一段时间大家在使用的版本,社区生态已经十分完善了,所以,如果我们暂时还不必须去着急升级到VUE 3,毕竟等待vue3的生态成熟,还需要一段时间的积累,但是作为前端领域必不可少的一门技能,当然希望能够提前去接触到,毕竟前端的技术迭代更新就是这么快。

Vue.js 的主要特点:

1、易用:

在有HTML,CSS,JavaScript的基础上,快速上手。

Vue.js 的 API 是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。

Vue.js 的 API 的对于其他框架的参考不仅是参考,其中也包含了许多 Vue.js 的独特功能。

2、灵活:

简单小巧的核心,渐进式技术栈,足以应付任何规模的应用。

3、性能:

20kb min+gzip 运行大小、超快虚拟 DOM 、最省心的优化。

以上内容参考:百度百科-Vue.js