前端框架現狀調查【轉載+整理】

原文地址

有些還真沒聽過，好比 CSS 預處理/後處理，任務執行器~

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

在 Ashley 的調查中，有兩個問題是關於 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 後處理對前端開發人員而言是一個很是新的領域。

有四個問題與 JavaScript 有關，涉及 JavaScript 庫和框架、模塊打包器及測試等三個方面。在有關前端開發者當前JavaScript知識水平的調查中，不出所料，可以熟練使用 jQuery 的受訪者最多，比例高達91.5%，遠遠高於其它框架，並且沒有人不知道這個框架。可以熟練使用 Undercore、AnjularJS、Backbone、React 等框架的受訪者也比較多，比例分別爲38.六、28.5%、18.6%、15.7%。Ember、Polymer、Knockout 等框架也能夠說是廣爲人知，但可以熟練使用的受訪者佔比僅爲個位數。關於JavaScript庫，Ashley後來追加了一個問題，「在大多數項目中，你使用什麼JavaScript庫或框架？」jQuery以極大的優點成爲使用最多的框架，佔比爲56.53%，AnjularJS排名第二，佔比爲 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 會在數週後再次修正結果。