码迷,mamicode.com
首页 > 其他好文 > 详细

渐进增强与优雅降级

时间:2016-11-05 02:13:44      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:ogr   高级   降级   rac   ada   版本   bsp   体验   nbsp   

什么是优雅降级?

优雅降级(graceful degradation)
一开始就构建站点的完整功能,然后针对浏览器测试和修复。
ps:
比如一开始使用 css3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack,使其可以在低版本浏览器上正常浏览。

Code demo

.transition{
    -webkit-transition: all .5s;  /* webkit 内核 */
    -moz-transition: all .5s;     /* firefox 内核 */
    transition: all .5s;          /* 标准写法 */
}

什么是渐进增强?

渐进增强(progressive enhancement)
一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

Code demo

.transition{
    transition: all .5s;          /* 标准写法 */
    -moz-transition: all .5s;     /* firefox 内核 */
    -webkit-transition: all .5s;  /* webkit 内核 */
}

两者区别

其实两者并没有实质性的区别,对待事物的两种不同的观点,
引用网上的一个概括:
优雅降级 : 从复杂的现状开始,并试图减少用户体验的供给。
渐进增强 : 从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。
优雅降级意味着往回看、而渐进增强则意味着朝前看,同时保证其根基处于安全地带。

渐进增强与优雅降级

标签:ogr   高级   降级   rac   ada   版本   bsp   体验   nbsp   

原文地址:http://www.cnblogs.com/cmyoung/p/6032097.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!