使用vue技术应当使用的技术和兼容性选择

Posted 2020-11-10 前端开发

假如你的前端框架使用了vue,那你可以大胆地使用以下技术，并忽略其他js和css的兼容性问题，因为

关于vue的兼容性

官方给出了规定

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

参考：https://cn.vuejs.org/v2/guide/installation.html#%E5%85%BC%E5%AE%B9%E6%80%A7

1.抛弃使用cookie，大胆使用localstorage

以前我们在PC端使用localstorage的时候，我们会考虑localstorage不兼容IE8的情况，所以使用了cookie，但cookie有个缺点，那就是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

• localStorage - 没有时间限制的数据存储

localsotrage的兼容性

2.大胆使用svg

svg浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持内联 SVG。

3.大胆使用canvas

canvas浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 <canvas> 及其属性和方法。

注释：Internet Explorer 8 以及更早的版本不支持 <canvas> 元素

4.大胆使用HTML5新标签元素