漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)
什么是優(yōu)雅降級(jí)?
優(yōu)雅降級(jí)(graceful degradation)
一開始就構(gòu)建站點(diǎn)的完整功能获询,然后針對(duì)瀏覽器測(cè)試和修復(fù)。
ps:
比如一開始使用 css3 的特性構(gòu)建了一個(gè)應(yīng)用聂抢,然后逐步針對(duì)各大瀏覽器進(jìn)
行 hack拯钻,使其可以在低版本瀏覽器上正常瀏覽帖努。
Code demo
.transition{
-webkit-transition: all .5s; /* webkit 內(nèi)核 */
-moz-transition: all .5s; /* firefox 內(nèi)核 */
transition: all .5s; /* 標(biāo)準(zhǔn)寫法 */
}
什么是漸進(jìn)增強(qiáng)?
漸進(jìn)增強(qiáng)(progressive enhancement)
一開始就針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁面粪般,完成基本的功能拼余,然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果、交互亩歹、追加功能達(dá)到更好的體驗(yàn)匙监。
Code demo
.transition{
transition: all .5s; /* 標(biāo)準(zhǔn)寫法 */
-moz-transition: all .5s; /* firefox 內(nèi)核 */
-webkit-transition: all .5s; /* webkit 內(nèi)核 */
}
兩者區(qū)別
其實(shí)兩者并沒有實(shí)質(zhì)性的區(qū)別,對(duì)待事物的兩種不同的觀點(diǎn)小作,
引用網(wǎng)上的一個(gè)概括:
優(yōu)雅降級(jí) : 從復(fù)雜的現(xiàn)狀開始亭姥,并試圖減少用戶體驗(yàn)的供給。
漸進(jìn)增強(qiáng) : 從一個(gè)非彻讼。基礎(chǔ)的达罗,能夠起作用的版本開始,并不斷擴(kuò)充静秆,以適應(yīng)未來環(huán)境的需要粮揉。
優(yōu)雅降級(jí)意味著往回看、而漸進(jìn)增強(qiáng)則意味著朝前看抚笔,同時(shí)保證其根基處于安全地帶扶认。