美文网首页
前端开发之优雅降级与渐进增强

前端开发之优雅降级与渐进增强

作者: 面朝南的落地窗 | 来源:发表于2019-03-06 18:19 被阅读0次

渐进增强

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

优雅降级

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

向上兼容和向下兼容的概念。渐进增强相当于向上兼容,而优雅降级相当于向下兼容。

.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;
}

相关文章

  • 前端开发之优雅降级与渐进增强

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

  • CSS3学习笔记(技术胖)

    标签(空格分隔): CSS3 前端 技术胖 面试题 渐进增强和优雅降级 答:渐进增强是先满足大部分浏览器;优雅降级...

  • 优雅降级与渐进增强

    名词解释 渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面,完成基...

  • 渐进增强与优雅降级

    渐进增强(progressive enhancement): 针对低版本浏览器进行构建页面,保证最基本的功能,然后...

  • 渐进增强与优雅降级

    渐进增强 针对低版本浏览器进行构建页面,保证最基本的功能。然后再针对高级浏览器进行效果,交互等改进和追加功能达到更...

  • 渐进增强与优雅降级

    你能描述一下渐进增强和优雅降级之间的不同吗渐进增强:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级...

  • 优雅降级与渐进增强

    1.渐进增强(Progressive Enhancement):一开始就针对低版本浏览器进行构建页面,完成基本的功...

  • 优雅降级与渐进增强

    最近上线一个网站,发现会出现IE10及以下浏览器不兼容的问题,刚好前几天有朋友们讨论过“优雅降级”和“渐进增强” ...

  • 面试准备之JS

    常规题目 1.渐进增强和优雅降级 优雅降级:一开始就构建整个网站的完整功能,然后针对低版本浏览器进行兼容。渐进增强...

  • 前端工程师面试题(性能优化)

    1. 性能优化1 1.1 页面重构怎么操作? 1.2 什么叫优雅降级和渐进增强? 1.3 前端性能优化的方法? (...

网友评论

      本文标题:前端开发之优雅降级与渐进增强

      本文链接:https://www.haomeiwen.com/subject/hebouqtx.html