漸進(jìn)增強(qiáng)與優(yōu)雅降級有那些區(qū)別

漸進(jìn)增強(qiáng)與優(yōu)雅降級有那些區(qū)別？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

漸進(jìn)增強(qiáng)與優(yōu)雅降級的區(qū)別在于：前者是優(yōu)先考慮低版本，由低版本向高版本遞進(jìn)；后者是針對最高級的瀏覽器來設(shè)置后再考慮低版本瀏覽器的兼容問題

由于一些低級的瀏覽器不支持 CSS3，所以在高級瀏覽器中使用CSS3，而在低級瀏覽器只保證最基本的功能由于側(cè)重點(diǎn)不同，所以工作流程上也產(chǎn)生了差別，因此有了漸進(jìn)增強(qiáng)和優(yōu)雅降級的概念，接下來將在文章中為大家詳細(xì)介紹這兩者的含義與區(qū)別

【推薦課程：CSS3課程】

漸進(jìn)增強(qiáng)：

漸進(jìn)增強(qiáng)（Progressive Enhancement）：一開始就針對低版本瀏覽器進(jìn)行構(gòu)建頁面，完成基本的功能，然后再針對高級瀏覽器進(jìn)行效果、交互、追加功能以達(dá)到更好的體驗(yàn)。

優(yōu)雅降級

優(yōu)雅降級（Graceful Degradation）：一開始就構(gòu)建站點(diǎn)的完整功能，然后針對瀏覽器測試和修復(fù)。比如一開始使用 CSS3 的特性構(gòu)建了一個應(yīng)用，然后逐步針對各大瀏覽器進(jìn)行 hack 使其可以在低版本瀏覽器上正常瀏覽。

換句話說漸進(jìn)增強(qiáng)相當(dāng)于向上兼容也就是低版本支持高版本，而優(yōu)雅降級相當(dāng)于向下兼容也就是高版本支持低版本的。一般情況下向上兼容的很少，大多數(shù)軟件都是向下兼容的

漸進(jìn)增強(qiáng)與優(yōu)雅降級的區(qū)別

優(yōu)雅降級和漸進(jìn)增強(qiáng)只是關(guān)注同一網(wǎng)站在不同設(shè)備里和不同瀏覽器下的表現(xiàn)程度。關(guān)鍵的區(qū)別則在于它們各自關(guān)注于何處，以及這種關(guān)注如何影響工作的流程。

優(yōu)雅降級認(rèn)為應(yīng)該針對那些最高級、最完善的瀏覽器來設(shè)計(jì)網(wǎng)站。而將那些有功能缺失的瀏覽器下的測試工作安排在開發(fā)周期的最后階段，并把測試對象限定為主流瀏覽器的前一個版本。在這種設(shè)計(jì)下，舊版的瀏覽器被認(rèn)為僅能提供最簡單的的瀏覽體驗(yàn)

漸進(jìn)增強(qiáng)認(rèn)為應(yīng)關(guān)注于內(nèi)容本身。會優(yōu)先考慮老版本瀏覽器的可用性，最后才考慮新版本的可用性，這使得漸進(jìn)增強(qiáng)成為一種更為合理的設(shè)計(jì)范例

例：

優(yōu)雅降級(先關(guān)注最高級的，在考慮兼容)

.transition { 
 transition: all 0.2s;    
 -o-transition: all 0.2s; 
  -moz-transition: all 0.2s; 
  -webkit-transition: all 0.2s;
}

漸進(jìn)增強(qiáng)（先考慮兼容）

.transition {
 -webkit-transition: all 0.2s;
-moz-transition: all 0.2s;  
-o-transition: all 0.2s; 
transition: all 0.2s;

}

選擇

根據(jù)所使用的客戶端的版本來做決定，因?yàn)楸举|(zhì)上漸進(jìn)增強(qiáng)和優(yōu)雅降級的概念是軟件開發(fā)過程中低版本軟件與高版本軟件面對新功能的兼容問題，所以低版本用戶居多，當(dāng)然優(yōu)先采用漸進(jìn)增強(qiáng)的開發(fā)流程；如果高版本用戶居多，為了提高大多數(shù)用戶的使用體驗(yàn)，那當(dāng)然優(yōu)先采用優(yōu)雅降級的開發(fā)流程。不過大多數(shù)情況下都是采用漸進(jìn)增強(qiáng)的方式，因?yàn)樗雍侠怼?/p>

感謝各位的閱讀！看完上述內(nèi)容，你們對漸進(jìn)增強(qiáng)與優(yōu)雅降級有那些區(qū)別大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。