Node.js二〇一七年前端开发工具趋势

您有两年以上的前端开发经验吗?你会用 Sass 和 Autoprefixer
等高级的CSS协理技术呢?你的 JavaScript 知识是不是融汇贯通,你是还是不是喜欢使用
居尔p , npm 和 jQuery ?要是是那样,依照 Ashley Nolan
的前端问卷调查,你是2个卓绝的前端开发工程师。

 

Node.js 1

 

01谎话,该死的假话,计算数字和查证问卷

 

谎话,该死的鬼话,总计数字(英文:Lies, damned lies, and
statistics),是一句著名的极乐世界谚语。首要讲述数字的说服能力,特别是用来讽刺一些利用总结数字支持、但不用说服力的分析报告,以及大千世界倾向于贬低那么些不扶助其立场的总计结论。
维基百科

 

那样的调查有助于你发现新工具和您的学问短板。至本文撰写时,本次问卷调查收到了5,254份答复,那是比大部分民调更有着样本价值。可是,调查探究结果是或不是代表真相照旧应当抱审慎态度。。。

 

满世界性的总结结果

 

本次问卷调查是全球性的,但将注重源于意大利语国家。
在别的地点支出或使用的流行工具大概被忽略。

 

开发人士知识

 

本次问卷调查呼吁经验丰裕的开发职员对调查切磋难题有深切掌握并且有时间,有趣味去做到本次调查钻探。

 

83% 的受访者有两年或两年以上的前端技术经验,唯有 5%
的受访者不到一年前端经验:

 

 

 

享有较低前端技能的开发人士不太或许完开支次问卷调查,由此结果可能会相应偏离。

 

意见和偏见

 

受访者被须求判定自个儿的水准。有个外人只怕相比较谦虚,某些有取舍艰难综合症。有个旁人或许高估了祥和的档次,因为他俩也许是一群新手程序员团队中绝无仅有前端开发职员。自小编偏见的差错能够被平均,但一直不办法注明。

 

千古的行事不意味现在的自由化

 

调查结果显示了开发人士已经接纳的工具。那并不意味这几个工具是实惠的,能够节省时间或将在将来的门类中利用。

 

 

02CSS

 

63%的开发人士将他们友善的CSS知识评为高级或专家水平:

Node.js 2

 

即便 CSS 是一个好像不难的 属性 和 值 的键值对聚集,可是 CSS
是可想而知地难以控制。
CSS3引入了一密密麻麻新作用,并且一发难以精晓全数的精通。例如,笔者对新的
CSS网格模块 知之甚少,还有当开发 Flexbox
布局时平常须求阅读手册(或自由尝试性的使用各样品质和值)!

 

10%的受访者肯定不到一年的开销经历,却声称已经控制高级的CSS知识!笔者难以置信她们相当的慢就会发觉到,懂的更多,意味着不懂的也就更多!

 

CSS 预处理器

 

当先 63% 的受访者使用 Sass – 无可争议的预处理器季军。8%的受访者还利用
PostCSS,固然它一般与别的预处理器结合使用以提供实用的效果 –
如AutoPrefixer( 65% 的受访者选取)。

 

近 14% 的接受访问者不采纳预处理器,而更欣赏使用原始 CSS
代码。当你以为它是最简易的(和最好的)开头前端开发的办法时,那几个比例就如有点低。借使86% 的开发人士使用 CSS
预处理器,小编预测平均每种网站的CSS文件请求应该低于7.一个。

 

近 70% 的受访者尝试过 Less ,19% 的受访者尝试了 Stylus 。80%
从未传闻过 Rework。

 

CSS 命名方案

 

46% 的接受访问开发人士使用命名方案,可是对于这几个将 CSS
水平自笔者评价为高级或专家级其余人来说,这一比例上涨到 57% 。

 

最受欢迎的选料是 BEM ,占40%,其次是 CSS模块(CSS
Modules)(16%),OOCSS(15%)和 SMACSS(13%)。

 

其它CSS工具

 

脚下 39% 的项目中正在接纳 Modernizr
。那不啻令人侧目,因为它的主要用途是合营大多数曾经被弃用的旧版本IE。(Microsoft已于2014年八月停止帮助IE10及以下版本。)

 

14% 的受访者使用 Stylelint
来检查CSS有效性。那就像是非常低,但最风靡的IDE和编辑器有一部分看似的 CSS
检查,所以大概没有须要。

 

23% 的开发人士不使用其它CSS工具或命名方案。

 

 

03JavaScript

 

万一您认为 CSS 的各个工具已经很糊涂了,欢迎来到动人的 JavaScript 世界!

 

JavaScript 开发人士相比较谦虚,51% 的受访者认为本身的JavaScript
知识达到了高级或专家水平:

 

 

 

库和框架

 

尽管有相关性的质问,当先 99% 的开发职员在好什么时候候使用 jQuery,并且 31%
的受访者觉得对不可胜言档次以来 jQuery 是要求的。70%
的受访者在最近项目中继续使用 jQuery ,那与 W3Techs 观望到的数目貌似:

 

Node.js 3

 

框架意况更令人猜忌:

 

  • 已有 38% 的依存项目利用了React。然则,只有 29%
    的开发职员使用它感到舒服,18%
    的受访者觉得它是必备的。唯有0.1%的网站被察觉正在使用React,但请记住,调查结果是此前端开发职员收集的
    – 而不是负有的Web开发人士。

  • 有 25% 的连串选用 Angular 1,即便唯有8%的人觉得它是不行替代。Angular
    2则绝对受冷落,只比8%多或多或少。只有3%的人在多数项目中央银行使它。

  • Vue.js 已经被 10% 的花色利用,但零星 6%
    的开发职员对框架感到舒适,3% 认为它是少不了的。

 

对此度岁的问卷调查,那些难题大概使得:“你是还是不是舍弃了2个框架只怕在档次中切换框架?

 

即使有恢宏的JavaScript专家,唯有 21%
的人认为框架不是必须的,并甘愿编写原生代码。那是3个焦虑的总结数据吗?30%
的开发职员认为他俩的框架抽象技能集能够满意她们的全部急需?

 

职分执行器和模块打包工具

 

居尔p是最大的胜者,接近 44% 的开发人士在动用。可是,更简明的 npm scripts
脚本在二〇一四年大增了 23% ,达到 26% 。

 

Grunt 已经失去了优势,跌落到 12%。其余,9%
的受访者选用了不选取使时局转器。

 

那多少个使用模块打包工具在2015年增添了 20%,达到 68% 。 Webpack
是无限流行,占 31% ,Browserify 为 11% ,RequireJS 为 8% 。

 

笔者很惊叹,“别的”模块打包工具占不到
4%,当有多少个职务局转器插件能够更简便易行的管理正视关系,例如 gulp-deporder
。可能因为种种开发人士都在利用JavaScript 转译器…

 

ES6到ES5的转译器 (transpilers)

 

62% 的开发职员正在使用诸如 Babel 之类的工具,将精简的 ES6
代码转换为旧版浏览器帮助的 ES5 代码。

31% 的人闻讯过可能性,但从不动用工具,和 7% 从未听新闻说过那么些词。

 

以此数字就像是非常高。Internet Explorer 和老的应用程序不援救最新的
JavaScript 语法,可是一旦你要编写 ES6 代码,为啥还要支撑她们呢?

一旦你确实要求协助 IE11 及以下版本,编写 ES5 代码不是更易于吗?

 

其他JavaScript工具

 

41%的开发人士使用 ESLint , 19% 使用 JSLint 和 14% 使用 JSHint
来检查他们的代码的有用 – 例如缺乏括号,省略分号,格式缩进等。

 

23%的受访者不行使代码检查工具 –
即便,也有大概他们倚仗他们的文本编辑器或 IDE 来发现最沉痛的语法错误。

 

应用测试工具的用户在一年中增强了 12% ,达到了 52% 。

历史上,JavaScript 测试一向是3个挑衅。

 

比如说测试驱动开发(TDD)等技巧能够捕获逻辑难点,但无法解决异步事件境遇的标题,例如当
UI 在一定浏览器中履行某种意外操作时。

 

侥幸的是,行为使得开发(BDD)的恐怕性已经出现,以检查在实际的浏览器中的活动,并使前端测试更具可行性。
最风靡的系统有:

  • Mocha – TDD/BDD (23%)

  • Jasmine – BDD (17%)

  • QUnit – TDD (4%)

  • Jest – TDD/BDD (3%)

  • Ava – TDD/BDD (2%)

 

说到底,有 94% 的受访者使用 npm – Node.js 的包管理器。出人意表,有 32%
曾经使用过 TypeScript 。

 

 

04您在二零一七年应当利用什么?

 

有关 CSS,Sass 的学问,PostCSS 和 BEM
很显眼是少不了的。也正是说,开发的各类性很广。小编建议您切磋一些预处理器和命名方案,以便通晓各种工具得以兑现怎样– 固然是您选用不选拔它们。

 

JavaScript 方面包车型客车工具不太好说。有部分显著的特点和取向:

  • Node.js 和 npm 将变得至关心爱护要,因为您利用的工具记得上都以 Node.js 和
    npm 实现管理的。

  • 居尔p 和/或 Webpack 也值得尝试一下。

  • 问询ES6,即便你依旧在向后相当的 ES5 项目上中国人民解放军海军事工业程大学业作。

 

自己并未羡慕那3个尝试为新品类采取类库或框架的人。从调查商讨结果来看,jQuery是鲜明是最受欢迎的。然则随着
IE 的无影无踪,jQuery
的跨浏览器匡助变得没那么重庆大学,并且许多效益已经和浏览器原生 API 和 CSS
重复。

 

你能够选用3个框架,如 React,因为它很受欢迎 –
但那并不意味它就适用于你的使用。固然 React
将最终被更好,更不错的事物取代。

 

本人的提议:从广大框架中选拔某一个以前,先读书HTML,CSS,JavaScript
和浏览器开发的基础知识。无论 JavaScript
社区怎么评价怎么着工具集,那些知识将平生受用。恐怕有一天,你依然会编写出一个巨大上的工具,也成为各类框架中的一员。

 【小编有3个前端学习调换QQ群:328058344
 如果你在上学前端的进度中碰着什么样难点,欢迎来本身的QQ群提问,群里每日还会更新一些上学能源。禁止闲谈,非喜勿进。】