JS中漸進增強代表什么？

這篇文章將為大家詳細講解有關JS中漸進增強代表什么？，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

漸進增強的意思是針對低版本瀏覽器進行構建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。

JS中漸進增強的意思是：

想了解漸進增強什么意思，也同時了解優雅降級，就一個意思，為了實現css3的特效和js之間的配合實現設計效果。不過話是這么說的 但是這個東西思路還是有些不一樣。

優雅降級：在網站設計時，術語優雅降級指的是新的或者是復雜特點的明智實施，目的是確保大部分的因特網使用者可以有效的和站點上的頁面交互。過去幾年站點設計和因特網使用的重要的里程碑包括圖片，幀，在線游戲，Java, JavaScript, ActiveX控制，瀏覽標簽，因特網上的語音通話(VoIP)和視頻會議技術的引入。

當瀏覽器或操作系統的更新版本發布時，它們經常包含新的特征來保持和因特網功能的最新增強的同步。

因為各種各樣的原因，許多因特網使用者喜歡使用他們已有的瀏覽器而不是每當一個新的Web站點技術流行時，立即更新到最新版本。當一個站點被有意識設計成有優雅降級的特點時，這些使用者不會突然被強迫升級他們的瀏覽器除非他們正在使用“古董”。

說人話就是：優雅降級是因某些新發布的CSS樣式或HTML標簽在老的瀏覽器上不兼容，而在寫代碼時做的了一定的處理，確保在瀏覽器不兼容時，也能夠達到原效果或部分原效果。

漸進增強 progressive enhancement：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。

兩種方法分別對應著不同的用戶群體，優雅降級 屬于大部分優質客戶（身上裝備很好的人），漸進增強屬于大部分都是拿菜刀打怪升級的客戶

下面這個是覺得非常好用的一個函數！

/**
判斷瀏覽器是否支持某一個CSS3屬性
@param {String} 屬性名稱
@return {Boolean} true/false
@version 1.0
@author ydr.me
2014年4月4日14:47:19
*/
function supportCss3(style) {
var prefix = [‘webkit’, ‘Moz’, ‘ms’, ‘o’],
i,
humpString = [],
htmlStyle = document.documentElement.style,
_toHumb = function (string) {
return string.replace(/-(\w)/g, function ($0, $1) {
return $1.toUpperCase();
});
};
for (i in prefix)
humpString.push(_toHumb(prefix[i] + ‘-’ + style));
humpString.push(_toHumb(style));
for (i in humpString)
if (humpString[i] in htmlStyle) return true;
return false;
}

關于JS中漸進增強代表什么？就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。