欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

优雅降级和渐进增强

程序员文章站 2022-06-10 09:59:41
...

优雅降级:

就是一开始就构建了完整的功能,然后对低版本的浏览器进行兼容

渐进增强:

主要是针对低版本的浏览器保存一些最基础的功能,然后对高版本的浏览器进行改进和完善

优雅降级和渐进增强的区别:
1、优雅降级是从复杂的线状开始,减少用户体验的供给
2、渐进增强是从基础开始并不断完善到达用户的需求
3、优雅降级表示往回看,渐进增强意味着向前看,同时保证根基保持在安全地带

.box{
    // 优雅降级写法
    transiton: all .5s;
    -o-transition: all .5s;
    -moz-transtion: all .5s;
    -webkit-tanstion: all .5s;
}
.box{
    // 渐进增强写法
    -webkit-tanstion: all .5s;
    -moz-transtion: all .5s;
    -o-transition: all .5s;
    transiton: all .5s;
}