先上一段代码抛砖引玉一下:
1 | .transition{ |
注意看transition的顺序:一个在最后面,一个在最前面。由此引出本文的主题:优雅降级和渐进增强。
Q:什么是优雅降级?
A:一开始就构建好完整的功能,然后对低版本浏览器提供有限支持
Q:什么是渐进增强?
A:针对低版本浏览器构建页面,保证基本功能,之后再对高级浏览器进行改进
两者区别:
优雅降级 从复杂的现状开始,并试图减少用户体验的供给。
渐进增强 从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。
优雅降级意味着往回看、而渐进增强则意味着朝前看,同时保证其根基处于安全地带。