css必学之渐进式增强和优雅降级

62 阅读2分钟

在一些稍微高级一些的面试当中,经常会问到这个知识点,我面试没有遇到这个问题哈。

下面我带大家学习一下这个知识点。

一、渐进式增强

首先先看一些基本概念:

渐进式增强是一种设计理念,它首先为基本的、核心的功能和内容提供支持,然后在现代浏览器中逐渐添加更多的功能和样式。这意味着基本的功能在所有浏览器中都可以正常工作,而高级功能只会在支持它们的现代浏览器中提供。

用大白话讲一下:

就是在低版本的浏览器上面开发,保证样式正常,再逐步去添加更高级别的样式

二、优雅降级

先看一些基本概念:

优雅降级是另一种设计理念,它首先针对最先进的浏览器开发功能丰富的版本,然后通过向后兼容的方式适应旧版浏览器。这意味着在现代浏览器中会提供完整的功能和体验,而在旧版浏览器中则会进行一些降级,以确保基本功能的可访问性。

用大白话讲一下:

首先在高级的浏览器上面开发,保证样式,然后再去兼容低版本的浏览器

总结:

其实可以去按照这种方式去理解,就是写的代码,兼容高低版本的浏览器。

闲扯:

现在ie浏览器内核已经停止更新了,市面上主流的浏览器内核就是chrome内核、火狐浏览器内核、safari浏览器内核(苹果内置浏览器),这几家公司的浏览器基本上更新都挺不错。我们在常规的开发当中,也不用太去思考使用哪种方式了。我是一名专门做后台管理系统的前端,对于写样式这块属于菜鸟,当作是我的个人观点哈。

交个朋友:

本人从事前端开发6年,今年开始做一些技术分享,感兴趣的朋友可以关注我,也可以添加我的个人微信(ma644401095),备注前端交流,尽自己所能,和您讨论一起解决一些前端上的问题。