优雅降级和渐进增强

发表于 | 更新于 | 分类于 | 评论数： | 阅读次数：
本文字数： 558 | 阅读时长 ≈ 1 分钟

先上一段代码抛砖引玉一下：

1
2
3
4
5
6
7
8
9
10
11
12
13
.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;
}

注意看transition的顺序：一个在最后面，一个在最前面。由此引出本文的主题：优雅降级和渐进增强。

Q：什么是优雅降级？

A：一开始就构建好完整的功能，然后对低版本浏览器提供有限支持

Q：什么是渐进增强？

A：针对低版本浏览器构建页面，保证基本功能，之后再对高级浏览器进行改进

两者区别：

优雅降级 从复杂的现状开始，并试图减少用户体验的供给。

渐进增强 从一个非常基础的，能够起作用的版本开始，并不断扩充，以适应未来环境的需要。

优雅降级意味着往回看、而渐进增强则意味着朝前看，同时保证其根基处于安全地带。