在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
在前端开发中,由于浏览器版本不统一,经常遇到低版本浏览器与高版本浏览器的样式无法同步实现的现象。因此渐进增强和优雅降级的概念就应运而生。那到底什么是渐进增强和优雅降级呢?他们之间有什么不同?
渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。
区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带。
“优雅降级”观点
“优雅降级”观点认为应该针对那些最高级、最完善的浏览器来设计网站。而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器(如 IE、Mozilla 等)的前一个版本。
在这种设计范例下,旧版的浏览器被认为仅能提供“简陋却无妨 (poor, but passable)” 的浏览体验。你可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点,因此除了修复较大的错误之外,其它的差异将被直接忽略。
“渐进增强”观点
“渐进增强”观点则认为应关注于内容本身。
内容是我们建立网站的诱因。有的网站展示它,有的则收集它,有的寻求,有的操作,还有的网站甚至会包含以上的种种,但相同点是它们全都涉及到内容。这使得“渐进增强”成为一种更为合理的设计范例。这也是它立即被 Yahoo! 所采纳并用以构建其“分级式浏览器支持 (Graded Browser Support)”策略的原因所在。
前端技术不断的发展中,尤其HTML5和CSS3的出现,让我们看到了更加丰富的页面内容,同时也为web前端工程师提高了技术要求。所以作为一个优秀的web前端,就需要不断的学习,提升自己的知识储备。而对于新手而言,在入行的时候尽可能的通过系统的学习掌握基本知识。在此大家可以多关注一下博学谷前端课程。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
Web前端程序员必备 前端面试题汇总(1)
任何技术岗位面试的时候都要经过人力面试和技术岗位面试至少两次。人力面试一般也就是考察一下个人品质以及薪资问题,而技术岗位则是考察你是否有真才实学。本文和大家分享一个难到了很多前端工程师的面试题:Quirks模式是什么?它和 Standards 模式有什么区别?
6223
2019-06-27 18:15:42
如何理解HTML结构的语义化?
HTML的语义化,就是在你写的HTML结构,是用相对应的有一定予以的英文字母来表示标记的。不仅对自己来说,更加容易阅读书写,别人再看你代码和结构的时候也会非常容易理解。因此在前端开发中,尽量使用官方的有予以的标签。
10789
2019-07-09 17:01:58
前端浏览器兼容难题及解决方法
在前端面试题中,最常见的就是遇到浏览器兼容的问题。比如面试题常常会这样问:工作中你都兼容哪些浏览器 ? 实际开发中你都遇到过哪些兼容问题 ?下面小编就来为大家提供前端浏览器兼容难题的解决方法。
6226
2019-09-24 20:26:37
30道常见Web前端面试题你会几个?
30道常见Web前端面试题你会几个?以下30到web前端面试答出了大多数的或者是全部的题表明你的基础扎实;只答出小部分或者答出了大部分题但答案不正确,说明水平还差的远,基础知识不扎实距离拿高薪还很遥远,需要基础夯实基础。
5502
2019-09-27 15:11:17
前端工程师求职面试题含答案
一名合格的前端工程师需要熟练掌握Web前端技术,像是比较基础的HTML5+CSS3必须要会,JavaScrip也需要很好等等。本文整理了前端工程师在求职过程中会遇到各类面试题,分别是HTML、CSS、JavaScript、ES6、计算机网络和浏览器等等相关的知识点。这些面试题也附上了答案,大家要是做不出来可以参考一下。
4852
2019-10-28 19:41:42
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么?先掌握这三大核心关键技术
- 前端开发的工作方向有哪些?
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息