渐进增强和优雅降级

385 阅读1分钟

经典真题

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

渐进增强和优雅降级

渐进增强: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;
}