前端框架現狀調查

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%，遠遠高于其它框架，而且沒有人不知道這個框架。能夠熟練使用 Undercore 、 AnjularJS 、 Backbone 、 React 等框架的受訪者也比較多，比例分別為38.6、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%的受訪者更喜歡使用Grunt，而Grunt的這一數據僅為26.25%。此外，17.2%受訪者表示，他們根本不使用任務執行器。不過，總的來說，大部分前端開發人員都認識到了，使用此類工具可以很好地在項目和團隊之間保持一致。

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

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

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