第143天 漸進增強和優雅降級之間的不同

2021-09-02 01:47:38 字數 1457 閱讀 1783

漸進增強和優雅降級之間的不同

1、漸進增強

.transition
2、優雅降級

.transition
第乙個例子的寫法叫做漸進增強(progressive enhancement),第二個例子的寫法叫做優雅降級(graceful degradation)。(關於漸進增強,可以參考張鑫旭的文章: 

3、什麼是漸進增強(progressive enhancement)、優雅降級(graceful degradation)呢?

漸進增強(progressive enhancement):針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。(從被所有瀏覽器支援的基本功能開始,逐步地新增那些只有新式瀏覽器才支援的功能,向頁面新增無害於基礎瀏覽器的額外樣式和功能。當瀏覽器支援時,它們會自動地呈現出來並發揮作用。)

優雅降級(graceful degradation):一開始就構建完整的功能,然後再針對低版本瀏覽器進行相容。(web站點在所有新式瀏覽器中都能正常工作,如果使用者使用的是老式瀏覽器,則**會檢查以確認它們是否能正常工作。由於ie獨特的盒模型布局問題,針對不同版本的ie的hack實踐過優雅降級了,為那些無法支援功能的瀏覽器增加候選方案,使之在舊式瀏覽器上以某種形式降級體驗卻不至於完全失效。)

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

4、漸進增強觀點:

漸進增強觀點認為應該關注於內容本身。內容是我們建立**的誘因,有的**展示它,有的則收集它,有的尋求、有的操作,還有的**甚至包含以上的種種,但相同點是他們全都涉及到內容,這使得「漸進增強」成為一種更為合理的設計範例。這也是它立即被yahoo!所採納並用以構建其「分級式瀏覽器支援(graded browser support)「策略的原因所在。

5、優雅降級觀點:

優雅降級觀點認為應該針對那些最高端、最完善的瀏覽器來設計**。而將那些被認為「過時」或有功能缺失的瀏覽器下的測試工作安排在開發周期的最後階段,並把測試物件限定為主流瀏覽器(如ie、mozilla等)的前乙個版本。

在這種設計範例下,舊版的瀏覽器被認為僅能提供「簡陋卻無妨(poor,but passable)」的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點,因此除了修復較大的錯誤之外,其它的差異將被直接忽略。

第143天 漸進增強和優雅降級之間的不同

漸進增強和優雅降級之間的不同 1 漸進增強 transition 2 優雅降級 transition 第乙個例子的寫法叫做漸進增強 progressive enhancement 第二個例子的寫法叫做優雅降級 graceful degradation 關於漸進增強,可以參考張鑫旭的文章 3 什麼是漸...

漸進增強和優雅降級

漸進增強和優雅降級之間的不同嗎?漸進增強 progressive enhancement 針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高階瀏覽器進行效果 互動等改進和追加功能達到更好的使用者體驗。優雅降級 graceful degradation 一開始就構建完整的功能,然後再針對低版...

漸進增強和優雅降級

由於低階瀏覽器不支援 css3,但是 css3 特效太優秀不忍放棄,所以在高階瀏覽器中使用css3,而在低階瀏覽器只保證最基本的功能。二者的目的都是關注不同瀏覽器下的不同體驗,但是它們側重點不同,所以導致了工作流程上的不同。漸進增強 progressive enhancement 一開始就針對低版本...