資訊專欄INFORMATION COLUMN
摘要：代碼展示漸進增強優(yōu)雅降級帶前綴的個滿足了大部分瀏覽器，而不帶前綴的只有最新的一部分瀏覽器才支持。如何選擇漸進增強觀點認(rèn)為應(yīng)關(guān)注于內(nèi)容本身。優(yōu)雅降級觀點則認(rèn)為應(yīng)該針對那些最高級最完善的瀏覽器來設(shè)計網(wǎng)站。
1.代碼展示
/*漸進增強*/
.div1 {
-webkit-transition: all 2s; //Safari Chrome
-moz-transition: all 2s; //Firefox
-o-transition: all 2s; //Opera
transition: all 2s;
}
/*優(yōu)雅降級*/
.div1 {
transition: all 2s;
-o-transition: all 2s; //Opera
-moz-transition: all 2s; //Firefox
-webkit-transition: all 2s; //Safari Chrome
}
帶CSS3前綴的3個滿足了大部分瀏覽器，而不帶前綴的只有最新的一部分瀏覽器才支持。
2.如何選擇漸進增強（progressive enhancement）：從被所有瀏覽器支持的基本功能開始，逐步地添加那些只有新式瀏覽器才支持的功能，當(dāng)瀏覽器支持時，它們會自動地呈現(xiàn)出來并發(fā)揮作用。
優(yōu)雅降級（graceful degradation）：一開始就構(gòu)建完整的功能，然后再針對低版本瀏覽器進行兼容。
“漸進增強”觀點認(rèn)為應(yīng)關(guān)注于內(nèi)容本身。內(nèi)容是建立網(wǎng)站的誘因，我們應(yīng)該在滿足向絕大部分用戶呈現(xiàn)有用內(nèi)容的前提下，再做渲染內(nèi)容或更高級功能的事情。
“優(yōu)雅降級”觀點則認(rèn)為應(yīng)該針對那些最高級、最完善的瀏覽器來設(shè)計網(wǎng)站。而將那些被認(rèn)為“過時”或有功能缺失的瀏覽器下的測試工作安排在開發(fā)周期的最后階段。
因此：決定采用哪種方式取決于網(wǎng)站所面向的主要用戶群體（或者說主要兼容的瀏覽器）。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/111805.html
摘要：而漸進增強和優(yōu)雅降級兩種不同的開發(fā)流程，也是在我們項目初期做調(diào)研選型時會考慮的一個點。二者區(qū)別漸進增強和優(yōu)雅降級只是看待同種事物的兩種觀點。漸進增強和優(yōu)雅降級都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開發(fā)人員，最頭疼的莫過于瀏覽器兼容。遠(yuǎn)古時期萬惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗，前端搬磚的我們不得不與...
摘要：而漸進增強和優(yōu)雅降級兩種不同的開發(fā)流程，也是在我們項目初期做調(diào)研選型時會考慮的一個點。二者區(qū)別漸進增強和優(yōu)雅降級只是看待同種事物的兩種觀點。漸進增強和優(yōu)雅降級都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開發(fā)人員，最頭疼的莫過于瀏覽器兼容。遠(yuǎn)古時期萬惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗，前端搬磚的我們不得不與...
摘要：而漸進增強和優(yōu)雅降級兩種不同的開發(fā)流程，也是在我們項目初期做調(diào)研選型時會考慮的一個點。二者區(qū)別漸進增強和優(yōu)雅降級只是看待同種事物的兩種觀點。漸進增強和優(yōu)雅降級都關(guān)注于同一網(wǎng)站在不同設(shè)備里不同瀏覽器下的表現(xiàn)程度。 作為一名前端開發(fā)人員，最頭疼的莫過于瀏覽器兼容。遠(yuǎn)古時期萬惡的IE6，到現(xiàn)在CSS3不兼容的IE7/8.為了保證不同版本瀏覽器都有共同或更優(yōu)化的用戶體驗，前端搬磚的我們不得不與...
摘要：一背景介紹漸進增強和優(yōu)雅降級這兩個概念是在出現(xiàn)之后火起來的。二概念理解漸進增強漸進增強一開始就針對低版本瀏覽器進行構(gòu)建頁面，完成基本的功能，然后再針對高級瀏覽器進行效果交互追加功能達(dá)到更好的體驗。 一、背景介紹 漸進增強和優(yōu)雅降級這兩個概念是在 CSS3 出現(xiàn)之后火起來的。由于低級瀏覽器不支持 CSS3，但是 CSS3 特效太優(yōu)秀不忍放棄，所以在高級瀏覽器中使用CSS3，而在低級瀏覽器...
閱讀 2666·2021-11-25 09:43
閱讀 1919·2021-09-22 15:26
閱讀 3949·2019-08-30 15:56
閱讀 1787·2019-08-30 15:55
閱讀 1957·2019-08-30 15:54
閱讀 872·2019-08-30 15:52
閱讀 3228·2019-08-29 16:23
閱讀 964·2019-08-29 12:43
