渐进增强：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验
优雅降级：开始就构建完整的功能，然后再针对低版本浏览器进行兼容
渐进增强与优雅降级是什么
2023-11-03
23
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
渐进增强与优雅降级是什么
目录
相关文章
|
3月前
|
移动开发
前端开发
UED
渐进式增强和优雅降级是两种互补的策略
【6月更文挑战第14天】前端开发中的渐进式增强与优雅降级是确保跨浏览器、跨设备良好体验的关键策略。渐进式增强从基础功能开始，逐步增加高级特性，保证所有用户能访问基本内容；而优雅降级则是从完整版开始，逐步降级功能以适应老旧浏览器。实践包括遵循HTML5/CSS3规范，使用流式布局，检测浏览器特性及提供备选方案。这两种方法旨在创建适应性强、兼容性好的网站，提升用户体验。
26
1
1
|
1月前
|
存储
设计模式
算法
|
4月前
|
编解码
前端开发
JavaScript
|
4月前
|
前端开发
JavaScript
UED
|
4月前
|
前端开发
UED
|
11月前
|
人工智能
程序员
C#
|
UED
|
安全
UED
|
Rust
前端开发
JavaScript
|
前端开发
JavaScript
安全
你知道渐进增强和优雅降级吗？[css3兼容性写法]
写在前面：
在前端开发的过程中，如果有注意的话，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，这就引出了两个概念：优雅降级和渐进增强。
写法栗子：
.transition { /*渐进增强写法*/
-webkit-transition: all .5s;
-moz-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.transition { /*优雅降级写法*/
200
0
0
![你知道渐进增强和优雅降级吗？[css3兼容性写法]](https://ucc.alicdn.com/pic/developer-ecology/8eebc9f450ce44c9b409eee1231e2132.png?x-oss-process=image/resize,h_160,m_lfit)
热门文章
最新文章
1
python 中 print 函数用法大全
2
[Phoenix] 二、数据类型
3
IDEA 运行junit单元测试方法
4
Maven之阿里云镜像仓库配置--详解
5
交易系统架构
6
应用架构之道：分离业务逻辑和技术细节
7
产品更新｜宜搭AI 两大功能：智能应用、智能公式已上线
8
openresty capture
9
PLSQL的DBMS_GETLINE
10
Maestro的最近进展
1
谁动了我的选择器？深入理解CSS选择器优先级
40
2
消费kafka不需要设置 压缩协议吗 假如生产者压缩协议是lz4
27
3
module declares its path as: github.com/IBM/sarama but was required as: gith
29
4
使用Python发送包含复杂JSON结构的POST请求
28
5
你可能对position和z-index有一些误解
34
6
mutex := rs.NewMutex(mutexname) // 对key进行 if err := mutex.Lock(); err != nil { pani
11
7
Traceback(most recent call last):File "main.py", line 4l,in<module>alueError: sleep length must be n
11
8
File "site-packages\pandas\core\indexing.py", line File "site-packages\pandas\core\indexing.py", l
10
9
这个字段，我想看看报错吗
8
10
手写一个简易bundler打包工具带你了解Webpack原理
11