前端框架現狀調查：66%受訪者使用Sass

Ashley Nolan 是來自英國食品速遞公司 JUST EAT 的一名資深 Web UI 工程師。為了瞭解整個前端開發社群當前的知識和使用水平，他發起了一個面向前端開發人員的調查，問題涉及CSS、“任務執行器（Task Runner）”、JavaScript等方面。前期，他收到了649份回覆。近日，參與者數量達到了1044。因此，他重新修正了前期的統計分析結果，不過總體而言變化不大。

在 Ashley 的調查中，有 2 個問題是關於 CSS 預處理後處理工具的。調查顯示，使用 Sass 作為 CSS 預處理工具的受訪者最多，佔66%，使用 Less 的次之，佔 13.41%，還有一小部分受訪者（4.21%）使用 Stylus。另外，有 13.5% 的受訪者在編寫 CSS 時不使用任何 CSS 預處理工具。對於後處理工具 PostCSS 和 Rework，能夠“熟練使用（Feel Comfortable Using）”的受訪者比較少，前者為 8.91%，而後者僅有 0.86%。特別是 Rework，有 75% 的受訪者都沒有聽說過。Ashley 認為，這反映出 CSS 後處理對前端開發人員而言是一個非常新的領域。

有 4 個問題同 JavaScript 有關，涉及 JavaScript 庫和框架、模組打包器及測試等三個方面。在有關前端開發者當前 JavaScript 知識水平的調查中，不出所料，能夠熟練使用 jQuery 的受訪者最多，比例高達 91.5%，遠遠高於其它框架，而且沒有人不知道這個框架。能夠熟練使用 Underscore、AngularJS、Backbone、React 等框架的受訪者也比較多，比例分別為38.6、28.5%、18.6%、15.7%。Ember、Polymer、Knockout 等框架也可以說是廣為人知，但能夠熟練使用的受訪者佔比僅為個位數。關於 JavaScript 庫，Ashley 後來追加了一個問題，“在大多數專案中，你使用什麼 JavaScript 庫或框架？”jQuery 以極大的優勢成為使用最多的框架，佔比為 56.53%，AngularJS 排名第二，佔比為 15.42%，其它框架佔比均低於 10%。值得一提的是 Backbone，僅佔 2.36%。另外，有 11.13% 的受訪者不使用任何 JS 框架，他們僅使用 本地 JS。

談及 JavaScript 模組打包器，總共有將近一半（48.47%）的受訪者使用模組打包器管理管理 JavaScript 中的依賴關係，其中 17.7% 的使用 Browserify，13.6% 的使用 RequireJS，11.5% 的使用 Webpack。在 JavaScript 測試方面，58.91% 的受訪者不使用任何工具輔助 JavaScript 測試。在受訪者使用的 JavaScript 測試工具中，Mocha 和 Jasmine 使用最多，佔比分別為 15.42% 和 15.23%。

另外，Ashley 還調查了“任務執行器（Task Runner）”的使用情況。從 NPM 的下載統計看，Grunt 和 Gulp 的每月下載量相差不大，一個為145萬次，一個為134萬次。但調查結果多少有些出人意料，46.74% 的受訪者更喜歡使用 Gulp，而Grunt 的這一資料僅為 26.25%。此外，17.2% 受訪者表示，他們根本不使用任務執行器。不過，總的來說，大部分前端開發人員都認識到了，使用此類工具可以很好地在 專案和團隊之間保持一致。

最後一個問題是關於包和工作流管理。大部分受訪者都可以熟練使用 NPM 和 Bower，相比之下，大部分受訪者根本沒有聽說過 Ender。另外，Yeoman 在 Ashley 看來是最有用的工具之一，但只有 22.13% 的受訪者可以熟練使用，他認為這個比例太低了。

對於上述結果，Ashley 認為，一方面，在前端開發領域，前端工具的使用率已經相當高。CSS 預處理後處理工具、JavaScript 模組打包器或者任務執行器是前端開發人員工具庫的重要組成部分；另一方面，JavaScript 測試工具的使用還比較少。

調查還會持續一段時間，Ashley 會在數週後再次修正結果。讀者可以繼續參與調查。

文章轉載自 開源中國社群[https://www.oschina.net]