优雅降级和渐进增强

名词解释

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

渐进增强（progressive enhancement）：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

其实优雅降级和渐进增强只是向下兼容和向上兼容的更文艺的说法，优雅降级相当于向下兼容，渐进增强相当于向上兼容。向下兼容指的是高版本支持低版本或者后期开发的版本支持并兼容先前开发的版本；向上兼容指的是刚开始就针对低版本开发，完成基本开发后再对高版本的交互、界面进行优化和升级。向上兼容的很少，大多都是向下兼容，比如说office2010能打开office 2007，office 2006 ，office 2005，office 2003下建的文件，但是office2003打不开office 2010建的文件！

代码

优雅降级
div
{
    border-radius: 30px 10px;
　　-webkit-border-radius:30px 10px;
}


渐进增强（值得推荐的写法）

div
{

 -webkit-border-radius:30px 10px;

优雅降级是优先考虑新版本浏览器效果的实现，再考虑旧版本。

渐进增强是优先考虑旧版本浏览器效果的实现，再考虑新版本。

虽然按照逻辑，这两种写法没有什么问题，但是呢，现实并不是按照想象的实现的，详见效果图

优雅降级和渐进增强

大部分的呢还是会很好的实现，但是毕竟还是有一些意料之外的，所以推荐使用渐进增强的写法。

第一次写，写的不是很好。

-ＴＨＥ　ＥＮＤ-

优雅降级和渐进增强

相关推荐