前端學習 優雅降級與漸進增強(概念)

2021-10-05 14:03:52 字數 317 閱讀 9036

常用兩種策略:

優雅降級(graceful degradation),一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。

漸進增強(progressive enhancement),一開始只構建站點的最少特性,然後不斷針對各瀏覽器追加功能。

區別

優雅降級是從複雜的現狀開始,並試圖減少使用者體驗的供給,而漸進增強則是從乙個非常基礎的,能夠起作用的版本開始,並不斷擴充,以適應未來環境的需要。

降級(功能衰減)意味著往回看;而漸進增強則意味著朝前看,同時保證其根基處於安全地帶。

漸進增強與優雅降級

漸進增強 progressive enhancement 一開始就針對低版本瀏覽器進行構建頁面,完成基本的功能,然後再針對高階瀏覽器進行效果 互動 追加功能達到更好的體驗。優雅降級 graceful degradation 一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。比如一開始使用 css...

漸進增強與優雅降級

漸進增強 div1 優雅降級 div1帶css3字首的3個滿足了大部分瀏覽器,而不帶字首的只有最新的一部分瀏覽器才支援。漸進增強 觀點認為應關注於內容本身。內容是建立 的誘因,我們應該在滿足向絕大部分使用者呈現有用內容的前提下,再做渲染內容或更高階功能的事情。優雅降級 觀點則認為應該針對那些最高端 ...

漸進增強與優雅降級

優雅降級 graceful degradation 一開始就構建站點的完整功能,然後針對瀏覽器測試和修復。ps 比如一開始使用 css3 的特性構建了乙個應用,然後逐步針對各大瀏覽器進行 hack,使其可以在低版本瀏覽器上正常瀏覽。transition漸進增強 progressive enhance...