前端「黑話」polyfill

前言
在Web前端開發這個突飛猛進的時代，老是須要閱讀一些最新的英文技術博客來跟上技術的發展的潮流。而有時候會遇到一些比較高頻的「黑話」，在社區裏面可能已是人人皆知的「共同語言」，而你接觸的少就恰恰看不懂。就像如今幾乎全部中國人都知道duang是什麼東西，可是一個剛學中文的外國人看到之後可能就一頭霧水。

黑話也是要學習的，本文收集各類Web開發的黑話。這裏先介紹兩個。

Polyfill
Polyfill或者Polyfiller，是英國Web開發者 Remy Sharp 在咖啡店蹲坑的時候拍腦殼造出來的。當時他想用一個詞來形容"用JavaScript（或者Flash之類的什麼鬼）來實現一些瀏覽器不支持的原生API"。Shim這個已經有的詞彙第一時間出如今他的腦海裏。可是他回頭想了一下Shim通常有本身的API，而不是單純實現原生不支持的API。苦思冥想一直想不到合適的單詞，因而他一怒之下造了一個單詞Polyfill。除了他本身用這個詞之外，他還給其餘開發者用。隨着他在各類Web會議演講和他寫的書《Introducing HTML5》中頻繁提到這個詞，你們用了都以爲很好，就一塊兒來用。

Polyfill的準確意思爲：用於實現瀏覽器並不支持的原生API的代碼。

例如，querySelectorAll是不少現代瀏覽器都支持的原生Web API，可是有些古老的瀏覽器並不支持，那麼假設有人寫了庫，只要用了這個庫， 你就能夠在古老的瀏覽器裏面使用document.querySelectorAll，使用方法跟現代瀏覽器原生API無異。那麼這個庫就能夠稱爲Polyfill或者Polyfiller。
好，那麼問題就來了。jQuery是否是一個Polyfill?答案是No。由於它並非實現一些標準的原生API，而是封裝了本身API。一個Polyfill是抹平新老瀏覽器 標準原生API 之間的差距的一種封裝，而不是實現本身的API。
已有的一些Polyfill，如 Polymer 是讓舊的瀏覽器也能用上 HTML5 Web Component 的一個Polyfill。FlashCanvas是用Flash實現的可讓不支持Canvas API的瀏覽器也能用上Canvas的Polyfill。

Shim和Polyfill
在JavaScript的世界裏,有兩個詞常常被提到,shim和polyfill.它們指的都是什麼,又有什麼區別?

一個shim是一個庫,它將一個新的API引入到一箇舊的環境中,並且僅靠舊環境中已有的手段實現。

一個polyfill就是一個用在瀏覽器API上的shim.咱們一般的作法是先檢查當前瀏覽器是否支持某個API,若是不支持的話就加載對應的polyfill.而後新舊瀏覽器就均可以使用這個API了.術語polyfill來自於一個家裝產品Polyfilla:
Polyfilla是一個英國產品,在美國稱之爲Spackling Paste(譯者注:刮牆的,在中國稱爲膩子).

記住這一點就行:把舊的瀏覽器想象成爲一面有了裂縫的牆.這些[polyfills]會幫助咱們把這面牆的裂縫抹平,還咱們一個更好的光滑的牆壁(瀏覽器)

Paul Irish發佈過一個Polyfills的總結頁面「HTML5 Cross Browser Polyfills」.es5-shim是一個shim(而不是polyfill)的例子,它在ECMAScript 3的引擎上實現了ECMAScript 5的新特性,並且在Node.js上和在瀏覽器上有徹底相同的表現(譯者注:由於它能在Node.js上使用,不光瀏覽器上,因此它不是polyfill).