前端框架现状调查：66% 受访者使用 Sass

Ashley Nolan 是来自英国食品速递公司 JUST EAT 的一名资深 Web UI 工程师。为了了解整个前端开发社区当前的知识和使用水平，他发起了一个面向前端开发人员的调查，问题涉及CSS、“任务执行器（Task Runner）”、JavaScript等方面。前期，他收到了649份回复。近日，参与者数量达到了1044。因此，他重新修正了前期的统计分析结果，不过总体而言变化不大。

在 Ashley 的调查中，有 2 个问题是关于 CSS 预处理\后处理工具的。调查显示，使用 sass” target=”_blank”>Sass 作为 CSS 预处理工具的受访者最多，占66%，使用 Less 的次之，占 13.41%，还有一小部分受访者（4.21%）使用stylus” target=”_blank”>Stylus。另外，有 13.5% 的受访者在编写 CSS 时不使用任何 CSS 预处理工具。对于后处理工具postcss” target=”_blank”> PostCSS和 rework” target=”_blank”>Rework，能够“熟练使用（Feel Comfortable Using）”的受访者比较少，前者为 8.91%，而后者仅有 0.86%。特别是 Rework，有 75% 的受访者都没有听说过。Ashley 认为，这反映出 CSS 后处理对前端开发人员而言是一个非常新的领域。

有 4 个问题同 JavaScript 有关，涉及 JavaScript 库和框架、模块打包器及测试等三个方面。在有关前端开发者当前 JavaScript 知识水平的调查中，不出所料，能够熟练使用jquery” target=”_blank”> jQuery 的受访者最多，比例高达 91.5%，远远高于其它框架，而且没有人不知道这个框架。能够熟练使用underscore_js” target=”_blank”>Underscore、angularjs” target=”_blank”>AngularJS、backbone” target=”_blank”>Backbone、facebook-react” target=”_blank”>React 等框架的受访者也比较多，比例分别为38.6、28.5%、18.6%、15.7%。ember” target=”_blank”>Ember、polymer” target=”_blank”>Polymer、knockout” target=”_blank”>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” target=”_blank”>Browserify，13.6% 的使用 requirejs” target=”_blank”>RequireJS，11.5% 的使用 webpack” target=”_blank”>Webpack。在 JavaScript 测试方面，58.91% 的受访者不使用任何工具辅助 JavaScript 测试。在受访者使用的 JavaScript 测试工具中，mocha” target=”_blank”>Mocha 和 jasmine” target=”_blank”>Jasmine 使用最多，占比分别为 15.42% 和 15.23%。

另外，Ashley 还调查了“任务执行器（Task Runner）”的使用情况。从 NPM 的下载统计看，grunt” target=”_blank”>Grunt 和gulp” target=”_blank”>Gulp 的每月下载量相差不大，一个为145万次，一个为134万次。但调查结果多少有些出人意料，46.74% 的受访者更喜欢使用 Gulp，而Grunt 的这一数据仅为 26.25%。此外，17.2% 受访者表示，他们根本不使用任务执行器。不过，总的来说，大部分前端开发人员都认识到了，使用此类工具可以很好地在项目和团队之间保持一致。

最后一个问题是关于包和工作流管理。大部分受访者都可以熟练使用 npm” target=”_blank”>NPM 和 bower” target=”_blank”>Bower，相比之下，大部分受访者根本没有听说过 ender” target=”_blank”>Ender。另外，yeoman” target=”_blank”>Yeoman 在 Ashley 看来是最有用的工具之一，但只有 22.13% 的受访者可以熟练使用，他认为这个比例太低了。

对于上述结果，Ashley 认为，一方面，在前端开发领域，前端工具的使用率已经相当高。CSS 预处理\后处理工具、JavaScript 模块打包器或者任务执行器是前端开发人员工具库的重要组成部分；另一方面，JavaScript 测试工具的使用还比较少。

调查还会持续一段时间，Ashley 会在数周后再次修正结果。读者可以继续参与调查。