優雅降級元(CSS JS)

2022-09-04 13:24:17 字數 509 閱讀 1597

原來在自學前端的時候,聽到過乙個詞叫做「優雅降級」,原來也沒怎麼弄懂什麼意思,現開竅分享如下:

因某些新發布的css樣式或html標籤在老的瀏覽器上不相容,而在寫**時做的了一定的處理,確保在瀏覽器不相容時,也能夠達到原效果或部分原效果,例如:

.width

如html5標籤:

這裡面有三個嵌入標籤+、

+是為ie準備的,因為ie用自身的activex控制項處理多**插入等。

是為標準瀏覽器像ff或沒有該ie外掛程式的瀏覽器準備的,因為他們不會識別object標籤。

如js,其實我們經常用的「或」 「||」也是這個思想

var beforescrolltop = document.documentelement.scrolltop || window.pageyoffset || document.body.scrolltop,

document.documentelement.scrolltop   獲取當前頁面的滾動條縱座標

漸進增強 優雅降級

何為漸進增強 優雅降級 常用兩種策略 要麼優雅降級 graceful degradation,一開始就構建站點的完整功能,然後針對瀏覽器測試和修復 要麼漸進增強 progressive enhancement,一開始只構建站點的最少特性,然後不斷針對各瀏覽器追加功能。兩者間的 微妙 差別 萬一你正撓...

漸進增強 VS 優雅降級

一圖勝千言 印象中,漸進增強和優雅降級這兩個概念是在 css3 出現之後火起來的。由於低階瀏覽器不支援 css3,但是 css3 特效太優秀不忍放棄,所以在高階瀏覽器中使用css3,而在低階瀏覽器只保證最基本的功能。二者的目的都是關注不同瀏覽器下的不同體驗,但是它們側重點不同,所以導致了工作流程上的...

漸進增強與優雅降級

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