优雅降级和渐进增强

最新推荐文章于 2024-08-09 21:04:47 发布
最新推荐文章于 2024-08-09 21:04:47 发布
阅读量2k 收藏 9
点赞数 1
分类专栏： HTML+CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wgh4318/article/details/117372706
版权

渐进增强 progressive enhancement： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

优雅降级 graceful degradation： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。

区别： 渐进增强是向上兼容，优雅降级是向下兼容

现在互联网发展迅速，一般采用优雅降级的方式

浏览器前缀
在这里插入图片描述
后面我们会有 常用的解决H5和C3 的兼容解决文件

凡小多
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
渐进增强和优雅降级之间的区别
施天琦的博客
10-15 764
渐进增强和优雅降级是两种不同的编写兼容的思路 渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。二者的目的都是关注不同浏览器下的不同体验，但是它们侧重点不同，所以导致了工作流程上的不同。 概念解释 渐进增强：一开始就针对低版本浏览器进行构建页面，完成基本...
CSS3——伸缩布局，文字阴影，背景渐变缩放多背景，优雅降级和渐进增强
流楚丶格念的博客
07-15 4448
想对你说的话伸缩布局(CSS3)文字阴影(CSS3)背景渐变背景缩放(CSS3)多背景(CSS3)优雅降级和渐进增强（取决于客户需求） 伸缩布局(CSS3) CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。 主轴：Flex容器的主轴主要用来配置Flex项目，默认是水平方向 侧轴：与主轴垂直的轴称作侧轴，默认是垂直方向的 方向：默认主轴从左向右，侧轴默认从上到下 主轴和侧轴并不是固定不变的，通过flex-directi
优雅降级方案
12-24
非常少见的，很难找的的资料，我找了很久的，降级方案
渐进增强和优雅降级之间有什么不同?
天心天地生的博客
10-12 173
渐进增强 在网页开发中，渐进增强认为应该专注于内容本身。一开始针对低版本的浏览器构建页面，满足最基本的功能，再针对高级浏 览器进行效果，交互，追加各种功能以达到更好用户体验。 总结： 以最低要求，实现最基础功能为基本，向上兼容. 优雅降级 在网页开发中，优雅降级指的是一开始针对一个高版本的浏览器构建页面，先完善所有的功能。然后针对各个不同的浏览器进行测试，修复，保证低级浏览器也有基本功能 就好，低...
什么是渐进增强？什么是优雅降级？
最新发布
沐爸的博客
08-09 1238
渐进增强和优雅降级是常用的两种策略，它们主要关注于如何在不同环境和条件下为用户提供最佳体验。一起看下两者之间的主要区别吧！
渐进增强、优雅降级
xiongzhengxiang的专栏
09-20 8025
何为渐进增强、优雅降级 常用两种策略：要么优雅降级（graceful degradation，一开始就构建站点的完整功能，然后针对浏览器测试和修复），要么渐进增强（progressive enhancement，一开始只构建站点的最少特性，然后不断针对各浏览器追加功能。  两者间的（微妙）差别 万一你正挠着后脑勺，试图找出“优雅降级”和“渐进增强”之间的差别，那么
渐进增强和优雅降级
王工头的博客
01-27 200
浅谈渐进增强和优雅降级 欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~ 声明：本文参考大佬张鑫旭老师和康斌老师的文章： CSS “渐进增强”在web制作中常见应用举例 渐进增强 VS 优雅降级 概念 渐进增强：先解决页面基本布局，再逐渐根据需求进行完善，张...
渐进增强与优雅降级
fagdg的博客
03-26 1216
渐进增强与优雅降级区别 回流和重绘
优雅降级和渐进增强.pptx
09-22
前端开发中，"优雅降级"和"渐进增强"是两种重要的策略，它们旨在确保网页在各种浏览器和设备上都能提供良好的用户体验，尤其是在处理浏览器兼容性问题时。这两种策略的核心区别在于它们对待不同版本浏览器的方式。 ...
浅谈css3中的渐进增强和优雅降级
09-24
【渐进增强与优雅降级】是Web开发中两种重要的策略，主要用于处理浏览器兼容性和提供良好的用户体验。这两种方法都是为了确保网站在不同浏览器和设备上能够正常运行，尤其是在面对浏览器版本差异时。 **渐进增强...
优雅降级和渐进增强的区别
weixin_34221775的博客
07-03 147
之前在看一些css3效果demo的时候，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，当然这也有可能包含了coder个人的习惯或是强迫性>"<，比如下面这两种： .transition{ -webkit-transition: all .5s; -moz-transition:...
【前端】优雅降级与渐进增强的区别
一只咸鱼
01-23 1082
优雅降级：graceful degradation 一开始就构建完整的功能，然后针对低版本浏览器进行兼容。 渐进增强：progressive enhancement 针对低版本浏览器进行构建页面，保证最基本的功能，然后针对高级浏览器进行效果、交互等改进和追加功能以达到更好的用户体验。 目的都是关注不同浏览器下的不同体验，但是它们的侧重点不同，导致工作流程的不同。 优雅降级观点认为应该针对那些
优雅降级&渐进增强
luck_lin
01-04 429
今天给大家分享一下，深度思考中的知识点——渐进增强和优雅降级有什么不同？ 一、背景介绍 在前端开发的过程中，经常需要用到css3的相关属性，因为在标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确立后，各大浏览器将逐步支持不带前缀的css3新属性。 平常稍加注意的话，发现有些写css3属性时，兼容
js中优雅降级与渐进增强
hc2018的博客
10-27 1480
找了一上午 ，终于找到了，什么优雅降级，什么 渐进增强，就一个意思么，为了实现css3的特效和js之间的配合实现设计效果。 不过话是这么说的 但是这个东西思路还是有些不一样 优雅降级：在网站设计时，术语优雅降级指的是新的或者是复杂特点的明智实施，目的是确保大部分的因特网使用者可以有效的和站点上的页面交互。过去几年站点设计和因特网使用的重要的里程碑包括图片，帧，在线游戏，Java, JavaScri...
CSS中的优雅降级和渐进增强
weixin_45685108的博客
10-16 1237
浏览器的种类日益增多，浏览器对一段程序中的CSS3支持程度也存在千差万别。 就比如有些低级浏览器（IE6）不支持CSS3，这就使得程序员在编写程序时，需要在同一段CSS中加入前缀不同的同一属性代码，用来适配各浏览器。常用的浏览器及对应的前缀如下： -webkit-border-radius-:; //谷歌浏览器、360浏览器（具有相同内核） -ms-border-radius-:; //ie浏览器 -moz-border-radius-:； //火狐浏览器 -o-border-radius-:;
爱创课堂每日一题第十天 渐进增强和优雅降级？
weixin_34221073的博客
09-05 97
渐进增强 ：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 ：一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 转载于:https://blog.51cto.com/12864747/1962750...
优雅降级与渐进增强：提升多浏览器兼容策略
"优雅降级和渐进增强是前端开发中两个重要的设计理念，用于确保网站在不同浏览器和设备上都能提供良好的用户体验。这两个概念起源于CSS3的普及，因为低版本浏览器可能不支持某些高级特性。下面对这两个概念进行深入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

凡小多

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值