×

2017年,大家都在用什么前端开发工具呢?

作者:admin2017.10.24来源:Web前端之家浏览:4155评论:0
微信公众号

微信公众号

500.jpg

互联网的发展,大家有目共睹,每年都有一些的新技术崭露头角,或成为主流;那么对于我们Web前端开发工程师来说,开发工具是其中之一,选择一系列适合自己的工具是初学者比较头疼的,不过话说话来,对于有一定经验的开发者来说,用习惯了一款工具,可能不太想去换了,但是有时候不得因项目和需求的要求,会去尝试新的。

先前在某个网站有一份调查,调研前端开发人员运用的开发工具。调查结果:受访者组成 83%的受访者具有两年以上的前端技术经验,只有5%的受访者不到一年, CSS 开发者中有63%为高级开发者和专家, 尽管CSS被认为只是属性-参数值对的简单集合,但是CSS却是很难掌握的。

受访者组成

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代码编译为ES5

62%的开发人员正在使用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和浏览器开发的基础知识。这些知识能够帮助你更好了解框架,甚至也可能促使你为框架系统的改进做出贡献。

2017年已过大半,回顾自己的做过的项目和用过的前端技术,我们扪心自问,是否有新了的进步,也许这些都是年底总结和来年升职加薪的基础,大家一起加油吧。

上述数据参考:云栖快讯。

温馨提示:本文作者系admin ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
http://jiangweishan.com/article/2017toolQushi.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • 访客

    换链接:http://davin.xin/pc/navigation...

  • 访客

    alert('哈哈')...

  • admin

    可以的...

  • 前端面试题

    你好,可以换一下链接吗?...

  • admin

    关于微信小程序,后面会出一些文章的,请关注网站更新。。。...

  • webred

    博主可以分享点小程序的文章......

  • 访客

    可以用。...

  • admin

    可以的,可以联系下QQ,或者加群。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2013-2018 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.5.2 Zero