成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

only_do / 3134人閱讀

摘要：代碼展示漸進(jìn)增強(qiáng)優(yōu)雅降級(jí)帶前綴的個(gè)滿足了大部分瀏覽器，而不帶前綴的只有最新的一部分瀏覽器才支持。如何選擇漸進(jìn)增強(qiáng)觀點(diǎn)認(rèn)為應(yīng)關(guān)注于內(nèi)容本身。優(yōu)雅降級(jí)觀點(diǎn)則認(rèn)為應(yīng)該針對(duì)那些最高級(jí)最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。

1.代碼展示 
    /*漸進(jìn)增強(qiáng)*/
    .div1 {
        -webkit-transition: all 2s; //Safari Chrome
           -moz-transition: all 2s; //Firefox
             -o-transition: all 2s; //Opera
                transition: all 2s; 
    }
    /*優(yōu)雅降級(jí)*/
    .div1 {
                transition: all 2s; 
             -o-transition: all 2s; //Opera
           -moz-transition: all 2s; //Firefox
        -webkit-transition: all 2s; //Safari Chrome
    }

帶CSS3前綴的3個(gè)滿足了大部分瀏覽器，而不帶前綴的只有最新的一部分瀏覽器才支持。

漸進(jìn)增強(qiáng)（progressive enhancement）：從被所有瀏覽器支持的基本功能開(kāi)始，逐步地添加那些只有新式瀏覽器才支持的功能，當(dāng)瀏覽器支持時(shí)，它們會(huì)自動(dòng)地呈現(xiàn)出來(lái)并發(fā)揮作用。


優(yōu)雅降級(jí)（graceful degradation）：一開(kāi)始就構(gòu)建完整的功能，然后再針對(duì)低版本瀏覽器進(jìn)行兼容。
2.如何選擇

“漸進(jìn)增強(qiáng)”觀點(diǎn)認(rèn)為應(yīng)關(guān)注于內(nèi)容本身。內(nèi)容是建立網(wǎng)站的誘因，我們應(yīng)該在滿足向絕大部分用戶呈現(xiàn)有用內(nèi)容的前提下，再做渲染內(nèi)容或更高級(jí)功能的事情。
“優(yōu)雅降級(jí)”觀點(diǎn)則認(rèn)為應(yīng)該針對(duì)那些最高級(jí)、最完善的瀏覽器來(lái)設(shè)計(jì)網(wǎng)站。而將那些被認(rèn)為“過(guò)時(shí)”或有功能缺失的瀏覽器下的測(cè)試工作安排在開(kāi)發(fā)周期的最后階段。
因此：決定采用哪種方式取決于網(wǎng)站所面向的主要用戶群體（或者說(shuō)主要兼容的瀏覽器）。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111805.html

相關(guān)文章

  • 雜談：漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

    摘要：而漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)兩種不同的開(kāi)發(fā)流程，也是在我們項(xiàng)目初期做調(diào)研選型時(shí)會(huì)考慮的一個(gè)點(diǎn)。二者區(qū)別漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)只是看待同種事物的兩種觀點(diǎn)。漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開(kāi)發(fā)人員，最頭疼的莫過(guò)于瀏覽器兼容。遠(yuǎn)古時(shí)期萬(wàn)惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗(yàn)，前端搬磚的我們不得不與...

    hiyang 評(píng)論0 收藏0

  • 雜談：漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

    摘要：而漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)兩種不同的開(kāi)發(fā)流程，也是在我們項(xiàng)目初期做調(diào)研選型時(shí)會(huì)考慮的一個(gè)點(diǎn)。二者區(qū)別漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)只是看待同種事物的兩種觀點(diǎn)。漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開(kāi)發(fā)人員，最頭疼的莫過(guò)于瀏覽器兼容。遠(yuǎn)古時(shí)期萬(wàn)惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗(yàn)，前端搬磚的我們不得不與...

    王軍 評(píng)論0 收藏0

  • 雜談：漸進(jìn)增強(qiáng)與優(yōu)雅降級(jí)

    摘要：而漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)兩種不同的開(kāi)發(fā)流程，也是在我們項(xiàng)目初期做調(diào)研選型時(shí)會(huì)考慮的一個(gè)點(diǎn)。二者區(qū)別漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)只是看待同種事物的兩種觀點(diǎn)。漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開(kāi)發(fā)人員，最頭疼的莫過(guò)于瀏覽器兼容。遠(yuǎn)古時(shí)期萬(wàn)惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗(yàn)，前端搬磚的我們不得不與...

    SimonMa 評(píng)論0 收藏0

  • 前端面試題-漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)

    摘要：一背景介紹漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)這兩個(gè)概念是在出現(xiàn)之后火起來(lái)的。二概念理解漸進(jìn)增強(qiáng)漸進(jìn)增強(qiáng)一開(kāi)始就針對(duì)低版本瀏覽器進(jìn)行構(gòu)建頁(yè)面，完成基本的功能，然后再針對(duì)高級(jí)瀏覽器進(jìn)行效果交互追加功能達(dá)到更好的體驗(yàn)。 一、背景介紹 漸進(jìn)增強(qiáng)和優(yōu)雅降級(jí)這兩個(gè)概念是在 CSS3 出現(xiàn)之后火起來(lái)的。由于低級(jí)瀏覽器不支持 CSS3，但是 CSS3 特效太優(yōu)秀不忍放棄，所以在高級(jí)瀏覽器中使用CSS3，而在低級(jí)瀏覽器...

    HollisChuang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<