天天精选！前端面试：优雅降级和渐进增强
优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后再针对低版本浏览器进行兼容。
背景
渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的不同。
(资料图)
概念
优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后再针对低版本浏览器进行兼容。
（Web站点在所有新式浏览器中都能正常工作，如果用户使用的是老式浏览器，则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题，针对不同版本的IE的hack实践过优雅降级了，为那些无法支持功能的浏览器增加候选方案，使之在旧式浏览器上以某种形式降级体验却不至于完全失效。）
渐进增强（Progressive Enhancement）：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）
区别
/* 优雅降级 */.transition{ transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s;} /* 渐进增强 */.transition{-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }通过两段代码的书写顺序，可以看出渐进增强和优雅降级开发的重点不同。优雅降级是从复杂的现状开始，并试图减少用户体验的供给，而渐进增强则是从一个非常基础的、能够起作用的版本开始，并不断扩充，以适应未来环境的需要。
优雅降级（Graceful Degradation）原则指的是在开发过程中，先构建网站或应用的基本功能，然后再针对低版本浏览器进行兼容。这样可以确保网站或应用在所有浏览器中都能正常工作，并为那些无法支持最新版本的浏览器提供一个过渡方案，从而不至于完全失效。
相比之下，渐进增强（Progressive Enhancement）原则指的是在开发过程中，逐步增加新的功能和特性，以适应不断变化的市场和用户需求。这种方法可以使网站或应用更加现代化和新颖，从而吸引更多的用户。
优雅降级和渐进增强的区别在于，优雅降级是从复杂的现状开始，尽可能减少用户体验的供给，而渐进增强则是从一个非常基础的、能够起作用的版本开始，不断扩充以适应未来环境的需要。因此，优雅降级更加注重网站或应用的功能和兼容性，而渐进增强更加注重网站或应用的新颖性和现代化。
标签：
相关文章
我国哪些地区易出现龙卷风？什么季节多发？大数据揭秘 世界头条
6月1日午后，辽宁阜新、法库、开原发生龙卷风，致部分地区屋顶被掀落、车辆被掀翻，现场一片狼藉，同时还造
麦迪直言不讳引火烧身，蒙蒂塞翁失马，名记爆猛料篮网欲梭哈 当前播报
显然，再被太阳裁掉后，蒙蒂依然极为抢手，在多支球队的竞争下，活塞最终脱颖而出，蒙蒂在与太阳分手后，也
电脑网络加速器哪个好用_电脑网络加速 当前独家
1、提高网速和电脑运行速度方法：“开始”-“运行”-输入“gpedit msc”弹出组策略窗口-左边的计算机配置-管理
天天观速讯丨积极融入石家庄都市圈!鹿泉区国土空间总体规划(2021-2035年)公示
鹿泉区人民政府网站发布了《石家庄市鹿泉区国土空间总体规划（2021-2035年）》草案公示。
美股异动 | 英伟达涨3% 据悉英伟达CEO黄仁勋拟本月赴华
格隆汇6月1日丨英伟达涨3 25%，报390 62美元，总市值9648亿美元。据市场消息，英伟达CEO黄仁勋将于本月前往
【天天新要闻】发动机综合电子调节器的故障分析方法有（电子调节器有什么作用？）
相信大家对发动机综合电子调节器的故障分析方法有，电子调节器有什么作用？的问题都很疑惑，这个问题很多人
6月1日基金净值：招商盛洋3个月定开混合最新净值0.579，跌0.52%
6月1日，招商盛洋3个月定开混合最新单位净值为0 579元，累计净值为0 579元，较前一交易日下跌0 52%。历史数
焦点速看：“六一”演出现场来了120多名特殊客人，留守孩子：太惊喜了
“六一”演出现场来了120多名特殊客人，留守孩子：太惊喜了现代快报讯（通讯员江仁彬徐海涛记者姜振军）“
环球焦点！香酥大果子怎么做视频教程图片,只需要面粉和鸡蛋超级好吃
脆皮大果是油炸食品。有些地方把在家炒水果也叫炒麻业、煎饺。吃起来又脆又好吃，方法其实很简单。下面介绍
贵阳男子花2万购买家电礼包，2年后想要兑换，房开的回应把他气炸
2020年贵阳的彭先生在白云区购买了一套商品房购房的同时还花两万块钱买了个家电大礼包可没想到这家电大礼包
【环球时快讯】约数是什么意思_约数的含义是什么
1、意思1 大约的数目。2 一个数能够整除另一数，这个数就是另一数的约数。如2,3,4,6都能整除12,因此2,3,4
世界快看：《塞尔达传说王国之泪》马匹升级料理食材收集攻略 食材怎么收？
塞尔达传说王国之泪有着极高的自由度，所以在游玩的过程中能使用很多的技巧来降低游戏难度。下面请看小编带
世界速讯：罗体：阿莱格里得到尤文全力支持，至少将再执教1年
罗体：阿莱格里得到尤文全力支持，至少将再执教1年,罗体,足球竞赛,足球教练,尤文图斯队,足球运动员,马西米