2023年6月20日发(作者：)

渐进增强与优雅降级的理解及区别渐进增强（Progressive Enhancement）：⼀开始就针对低版本浏览器进⾏构建页⾯，完成基本的功能，然后再针对⾼级浏览器进⾏效果、交互、追加功能达到更好的体验。优雅降级（Graceful Degradation）：⼀开始就构建站点的完整功能，然后针对浏览器测试和修复。⽐如⼀开始使⽤ CSS3 的特性构建了⼀个应⽤，然后逐步针对各⼤浏览器进⾏ hack 使其可以在低版本浏览器上正常浏览。两者区别？1、⼴义：其实要定义⼀个基准线，在此之上的增强叫做渐进增强，在此之下的兼容叫优雅降级2、狭义：渐进增强⼀般说的是使⽤CSS3技术，在不影响⽼浏览器的正常显⽰与使⽤情形下来增强体验，⽽优雅降级则是体现html标签的语义，以便在js/css的加载失败/被禁⽤时，也不影响⽤户的相应功能。eg:.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;}

2023年6月20日发(作者：)

渐进增强与优雅降级的理解及区别渐进增强（Progressive Enhancement）：⼀开始就针对低版本浏览器进⾏构建页⾯，完成基本的功能，然后再针对⾼级浏览器进⾏效果、交互、追加功能达到更好的体验。优雅降级（Graceful Degradation）：⼀开始就构建站点的完整功能，然后针对浏览器测试和修复。⽐如⼀开始使⽤ CSS3 的特性构建了⼀个应⽤，然后逐步针对各⼤浏览器进⾏ hack 使其可以在低版本浏览器上正常浏览。两者区别？1、⼴义：其实要定义⼀个基准线，在此之上的增强叫做渐进增强，在此之下的兼容叫优雅降级2、狭义：渐进增强⼀般说的是使⽤CSS3技术，在不影响⽼浏览器的正常显⽰与使⽤情形下来增强体验，⽽优雅降级则是体现html标签的语义，以便在js/css的加载失败/被禁⽤时，也不影响⽤户的相应功能。eg:.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;}