CSS3의 등장 이후 점진적인 향상과 우아한 저하라는 두 가지 개념이 대중화되었습니다. 저급 브라우저는 CSS3를 지원하지 않지만 CSS3의 특수효과는 포기하기엔 너무 좋기 때문에 고급 브라우저에서는 CSS3를 사용하고 저급 브라우저에서는 가장 기본적인 기능만 보장합니다. 둘 다의 목적은 서로 다른 브라우저에서 서로 다른 경험에 초점을 맞추는 것이지만 초점이 다르기 때문에 워크플로우도 달라집니다.
둘 사이의 차이점:
우아한 저하와 점진적인 향상은 동일한 것에 대한 두 가지 관점일 뿐입니다. 점진적인 저하와 점진적인 향상은 모두 동일한 웹 사이트가 다양한 기기의 다양한 브라우저에서 얼마나 잘 작동하는지에 중점을 둡니다. 주요 차이점은 각각이 주의를 집중하는 위치와 그 주의가 작업 흐름에 어떻게 영향을 미치는가입니다.
.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;
}
(2) 접두사 CSS3(-webkit- / -moz- / -o-*) 및 브라우저의 일반적인 CSS3 지원은 다음과 같습니다.A 오래 전: 브라우저는 접두어가 붙은 CSS3과 일반 CSS3을 지원하지 않습니다. 얼마 전: 브라우저는 접두어가 붙은 CSS3만 지원하고 일반 CSS3은 지원하지 않습니다. 현재: 브라우저는 접두어가 붙은 CSS3과 일반 CSS3을 모두 지원합니다. 미래: 브라우저는 접두사 CSS3를 지원하지 않고 일반 CSS3만 지원합니다.(3) 점진적인 개선 작성 방법으로 이전 버전 브라우저의 가용성을 우선적으로 고려하고 마지막으로 새 버전의 가용성을 고려합니다. 접두어가 붙은 CSS3과 일반 CSS3를 기간 3에 모두 사용할 수 있는 상황에서는 일반 CSS3가 접두어가 붙은 CSS3보다 우선 적용됩니다. 단계적 다운그레이드를 작성하는 방법은 새 버전의 브라우저 가용성을 우선적으로 고려하고 마지막으로 이전 버전의 가용성을 고려하는 것입니다. 접두사가 붙은 CSS3과 일반 CSS3을 모두 사용할 수 있는 기간 3의 경우 접두사가 붙은 CSS3가 일반 CSS3를 재정의합니다. CSS3에 관한 한 저는 점진적인 향상 방식의 글쓰기를 선호합니다. 브라우저에서 접두사 CSS3의 일부 속성의 구현 효과가 일반 CSS3의 구현 효과와 다를 수 있으므로 결국 일반 CSS3가 우선합니다. 접두사 CSS3와 일반 CSS3에서 어떤 속성이 다른 명시적 효과를 갖는지 궁금하다면. (4) 선택 방법 사용자가 사용하는 클라이언트 버전에 따라 결정하십시오. 내 말을 참고하세요. 저는 브라우저를 사용하지 않고 클라이언트를 사용하고 있습니다. 점진적인 향상과 우아한 저하의 개념은 본질적으로 소프트웨어 개발 프로세스 중에 새로운 기능에 직면한 낮은 버전 소프트웨어와 높은 버전 소프트웨어 간의 호환성 결정이기 때문입니다. 서버측 프로그램에서는 이러한 문제가 거의 발생하지 않습니다. 개발자가 서버측 실행 프로그램의 버전을 제어할 수 있으므로 점진적인 향상 및 점진적인 저하 문제가 없기 때문입니다. 그러나 클라이언트 프로그램은 개발자의 통제 범위를 벗어납니다(사용자에게 브라우저를 업그레이드하도록 강요할 수는 없습니다). 우리가 클라이언트라고 부르는 것은 브라우저, 모바일 단말 장치(예: 휴대폰, 태블릿, 스마트 시계 등) 및 해당 애플리케이션(브라우저는 웹 사이트에 해당하고 모바일 단말 장치는 해당 APP에 해당)을 의미할 수 있습니다.
이제 사용된 클라이언트 프로그램 버전의 비율을 분석할 수 있는 매우 성숙한 기술이 있습니다. 물론 낮은 버전의 사용자가 많다면, 높은 버전의 사용자가 많으면 대부분의 사용자에 대한 사용자 경험을 향상시키기 위해 점진적인 향상의 개발 프로세스가 선호될 것입니다. 저하가 바람직할 것입니다.
그런데 실제 상황은 어떤가요? 대부분의 대기업은 비즈니스가 최우선이고 사용자 경험 개선이 최우선이 될 수 없기 때문에 점진적인 개선 접근 방식을 채택합니다. 예를 들어, Sina Weibo 웹사이트의 프런트 엔드를 업데이트할 때 수억 명의 사용자가 있는 웹사이트에서는 하위 버전의 사용자가 사용할 수 있는지 여부를 고려하지 않고 특정 특수 효과를 추구하는 것은 절대 불가능합니다. 진행하기 전에 낮은 버전에서 높은 버전으로 진행하세요. 점진적 개선은 새로운 기능을 사용하여 사용자에게 더 나은 사용자 경험을 제공합니다. 그러나 반례는 없습니다. 십대를 위한 소프트웨어(또는 웹사이트)를 개발한다면 이 그룹의 사람들은 항상 새로운 것을 시도하고 멋진 특수 효과를 좋아하며 소프트웨어를 최신 버전으로 업데이트하는 것을 좋아한다는 것을 알고 계실 것입니다. 사용자). 이러한 상황에 직면하면 점진적인 향상의 개발 프로세스가 실제로 최선의 선택입니다.
위 내용은 CSS3의 점진적인 향상과 우아한 저하에 대한 설명입니다. 모두에게 도움이 되기를 바랍니다.
점진적 향상과 우아한 저하에 대하여_html/css_WEB-ITnose
javascript_javascript 기술의 점진적인 향상과 원활한 저하에 대한 간략한 논의
위 내용은 CSS3의 점진적인 향상과 점진적인 저하의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!