摘要：预处理器超过的开发者使用，这也使得成为无可争议的预处理首选者。的开发者使用，通常情况下，都是和等预处理器配合使用的。开发人员应该多研究一些预处理器和命名方式等，以便选择最适合自己的。
本文来源于全球的5254份前端工具使用的调查报告，期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。
受访者组成83％的受访者具有两年以上的前端技术经验，只有5％的受访者不到一年：
CSS开发者中有63%为高级开发者和专家：
尽管CSS被认为只是属性－参数值对的简单集合，但是CSS却是很难掌握的。CSS3引入了许多的新特性，要想完全的掌握CSS变得越来越困难。
CSS预处理器超过63％的开发者使用Sass，这也使得Sass成为无可争议的预处理首选者。8%的开发者使用PostCSS，通常情况下，PostCSS都是和AutoPrefixer等预处理器配合使用的。
仅有14%的开发者不使用任何预处理，他们更喜欢使用原始的CSS代码。尽管这种方式开发效率较慢，但是却是刚开始学习前端开发的最容易和最好的方式。如果86%的开发者使用预处理器，则平均一个网站需要进行7.2个CSS文件的请求。
仅有10%的受访者尝试过Less，19%的受访者尝试过Stylus，80%的受访者从未听闻Rework。
CSS的命名方式46%的开发者在编码时会使用一种命名方式，对于CSS高级开发者和专家来说，这个比例上升到了57%。
最受欢迎的命名方式是BEM，占到总数的40%。接下来是CSS Modules（16%）、OOCSS（15%）和SMACSS（13%）。
其它的CSS工具39%的受访者在当前的项目中使用Modernizr。14%的受访者使用Stylelint来检查CSS的有效性。23%的开发者不使用任何CSS工具或命名方式。
JavaScript受访者中有51%是JavaScript的高级开发者或专家。
库和框架尽管存在相关性问题，但是超过99%的开发者都曾使用过jQuery，有31%的受访者认为使用jQuery对大多数项目来说都很重要。目前仍有近70%的受访者继续在现有的项目中使用jQuery：
框架的情况看起来比较让人迷惑：
38%的项目目前正在使用React，然而只有29%的开发者认为使用React很流畅，18%人开发者认为使用React很有必要。0.1%的网站被发现使用了React，但请记着，这些调查结果只取自于前端开发人员，并不是所有的网页开发者。
25%的项目目前正在使用angular 1，然而只有8%的开发人员认为使用Angular 1很有必要，同时选择使用Angular 2的只有8%。
Vue.js已被用于10%的项目中，但只有不到6%的开发人员对这个框架感到满意，3%的人认为使用Vue.js很有必要
任务执行工具和模块绑定有44%的开发者使用Gulp，所以Gulp是当仁不让的最受欢迎工具。同时，更为简单的npm script也从2016年的23%使用率上升到了26%。
Grunt的使用率下滑到了12%。有11%的受访者选择不使用任何任务执行工具。
使用模块绑定的开发者自2016年以来增长了20%，达到68%。其中Webpack是最受欢迎的模块绑定工具，占到了31%，其次是Browserify（11%）、RequireJS（8%）。
编译器：将ES6代码编译为ES562%的开发人员正在使用Babel这样的编译器，来将ES6代码编译为对旧浏览器更为友好的ES5代码。31%的受访者听说过这样的编译器，但是并未使用过。7%的开发者从未听说过这样的编译器。
62%这个数据是比较高的。IE和旧的应用并不支持最新的JavaScript语法，所以如果你正在编写的是ES6代码，那么就需要最新的浏览器来支持。如果项目需要在旧的浏览器版本下运行，那么最好编写ES5代码。
其它JavaScript工具41%的开发者使用ESLint，19%的开发者使用JSLint，14%的开发者使用JSHint这样的工具来检查代码的合法性。
23%的受访者表示，他们不使用任何代码合法性检查工具。但是他们可能会使用文本编辑器和IDE来检查代码错误。
测试工具的使用率在一年时间之内增长了12%，达到了52%。但是纵观过去，JavaScript的测试一直是个挑战。测试驱动开发（TDD）这样的技术虽然能够捕获逻辑错误，却不能捕获异步事件下发生的错误。幸运的是，行为驱动开发（BDD）很可能会融合到真实浏览器的检查活动中，这样也会促使前端测试更加可操作。
目前最流行的系统有：
Mocha – TDD/BDD（23%）
Jasmine – BDD（17%）
QUnit – TDD（4%）
Jest – TDD/BDD（3%）
Ava – TDD/BDD（2%）
94%的受访者表示，他们使用过Node.js包管理器npm，有23%的受访者使用过TypeScript。
2017年应该使用什么工具？总得来说，开发工具是多种多样的。开发人员应该多研究一些预处理器和命名方式等，以便选择最适合自己的。
有以下几点值得注意：
如果你需要使用更多的工具，那么Node.js和npm值得选择
Gulp和Webpack值得尝试
学习ES6，即便你一直工作在向后兼容的ES5项目中。
根据调查结果，在选择库时，jQuery是一个合理的选择。在选择框架时，可以选择React，因为它很受欢迎。如果你还没选定框架，那么可以先学习HTML、CSS、JavaScript和浏览器开发的基础知识。这些知识能够帮助你更好了解框架，甚至也可能促使你为框架系统的改进做出贡献。
前端开发工具推荐：Wijmo 是一款使用 TypeScript 编写的新一代 JavaScript/HTML5 控件集。它秉承触控优先的设计理念，在全球率先支持 AngularJS，并且支持 React、VueJS 以及 TypeScript 2.2，它还提供性能卓越、零依赖的 FlexGrid 和图表等多个控件，是构建企业应用程序的全套控件集。
原文链接：https://www.sitepoint.com/fro...
转载请注明出自：葡萄城控件
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/87295.html
摘要：主要兼容的微信的浏览器，因为要在朋友圈来营销，总体来说，会偏设计以及动画些。 有一天，我们组内的一个小伙伴突然问我，你知道有一个叫重构工程师的岗位？这是干什么的？重构工程师 这个问题引发了我对前端领域发展的思考，所以我来梳理下前端领域的发展过程，顺便小小的预测下2017年的趋势。不想看回忆的，可以直接跳到后面看展望。 神说，要有光，就有了光 自1991年蒂姆·伯纳斯-李公开提及HTML...
摘要：主要兼容的微信的浏览器，因为要在朋友圈来营销，总体来说，会偏设计以及动画些。 有一天，我们组内的一个小伙伴突然问我，你知道有一个叫重构工程师的岗位？这是干什么的？重构工程师 这个问题引发了我对前端领域发展的思考，所以我来梳理下前端领域的发展过程，顺便小小的预测下2017年的趋势。不想看回忆的，可以直接跳到后面看展望。 神说，要有光，就有了光 自1991年蒂姆·伯纳斯-李公开提及HTML...
摘要：主要兼容的微信的浏览器，因为要在朋友圈来营销，总体来说，会偏设计以及动画些。 有一天，我们组内的一个小伙伴突然问我，你知道有一个叫重构工程师的岗位？这是干什么的？重构工程师 这个问题引发了我对前端领域发展的思考，所以我来梳理下前端领域的发展过程，顺便小小的预测下2017年的趋势。不想看回忆的，可以直接跳到后面看展望。 神说，要有光，就有了光 自1991年蒂姆·伯纳斯-李公开提及HTML...
摘要：值得一瞥的相关技术趋势从属于笔者的前端入门与工程实践，推荐阅读我的前端之路工具化与工程化获得更多关于年前端总结。的不少开发者都是的粉丝，他们的以及都是基于构建的。 2017值得一瞥的JavaScript相关技术趋势从属于笔者的Web 前端入门与工程实践，推荐阅读2016-我的前端之路:工具化与工程化获得更多关于2016年前端总结。本文主要内容翻译自，笔者对于每个条目进行了些许完善。本文...
阅读 524·2023-04-26 01:42
阅读 3191·2021-11-22 11:56
阅读 2339·2021-10-08 10:04
阅读 762·2021-09-24 10:37
阅读 3051·2019-08-30 15:52
阅读 1684·2019-08-29 13:44
阅读 424·2019-08-28 17:51
阅读 2086·2019-08-26 18:26
