渐进增强和优雅降级

经典真题

• 说说渐进增强和优雅降级？
• 两者的区别是什么？

渐进增强和优雅降级

渐进增强：progressive enhancement，开发页面时，对低版本浏览器要保证基本功能；然后对高版本浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级：graceful degradation，一开始就构建完整的功能，然后再对低版本浏览器进行兼容。

渐进增强相当于‘向上兼容’，优雅降级相当于‘向下兼容’。

在确定用户群体的情况下，渐进增强：针对低版本保证基本功能，高版本浏览器改效果、交互等，达到更好的体验。

优雅降级一开始就构建完整功能再对低版本进行兼容。

.transition{/* 渐进增强*/
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
    transition:all .5s';
}
.transition{/* 渐进增强*/
     transition:all .5s';
     -o-transition:all .5s;
     -moz-transition:all .5s;
     -webkit-transition:all .5s;
}