2017年前端开发工具趋势

二零一七年前端开拓工具趋向

2017/05/11 · CSS · 2 评论 · 开拓工具

原稿出处: Craig Buckler   译文出处:愚人码头   

图片 1

你有四年以上的前端开拓经历吗?你会用 Sass 和 Autoprefixer 等高级的CSS扶助本事呢?你的 JavaScript 知识是不是融汇贯通,你是还是不是喜欢使用 居尔p , npm 和 jQuery ?要是是如此,根据 Ashley Nolan 的前端问卷考察,你是二个优质的前端开垦工程师。

你有七年以上的前端开垦阅历啊?你会用 Sass 和 Autoprefixer 等高级的CSS补助技艺呢?你的 JavaScript 知识是不是融汇贯通,你是不是喜欢使用 Gulp , npm 和 jQuery ?要是是这么,依照 Ashley Nolan 的前端问卷考察,你是三个特出的前端开荒程序员。

谎言,该死的鬼话,总括数字和查明问卷

愚人码头注:谎言,该死的弥天天津大学学谎,总结数字(俄语:Lies, damned lies, and statistics卡塔 尔(英语:State of Qatar),是一句有名的净土俗话。首要描述数字的说服能力,特别是用来讽刺一些用到总计数字扶助、但别说服力的解析报告,甚至民众倾向于贬低那多少个不扶植其立场的总括结论。 维基百科

如此的实验商讨有协助你发觉新工具和您的学识短板。至本文撰写时,这一次问卷调查收到了5,254份答复,那是比大大多民调更兼具样品价值。可是,实验切磋结果是还是不是代表真相照旧应当抱严谨态度。。。

 

全世界性的计算结果

这一次问卷考查是满世界性的,但将首要来自土耳其共和国语国家。 在别的位置付出或行使的盛行工具或许被忽略。

图片 2

开垦职员知识

此次问卷侦查呼吁阅历丰富的开垦人士对应用钻会见题有深远驾驭而且一时光,风野趣去做到此次科学研讨。

83% 的选拔新闻报道工作者有八年或三年以上的前端技巧经历,独有 5% 的选用访谈者不到一年前端经历:

图片 3

持有非常的低前端才具的开荒人士不太大概达成本次问卷侦查,因而结果恐怕会相应偏离。

 

理念和一般见识

接纳新闻报道工作者被要求判别本人的品位。有些人恐怕相比较自持,有个别有取舍困难综合症。某人或许高估了温馨的程度,因为她俩大概是一群新手工业程师团队中唯意气风发前端开拓人士。自己一隅之见的不是能够被平均,但从不章程申明。

01谎话,该死的鬼话,总括数字和检察问卷

千古的作为不表示现在的来头

考查结果突显了开垦人士已经应用的工具。那并不表示那一个工具是有效的,能够节省时间或就要将来的门类中采纳。

 

CSS

63%的开垦职员将他们友善的CSS知识评为高等或行家水平:

图片 4

就算如此 CSS 是叁个像样轻便的 属性 和 值 的键值对集中,可是 CSS 是简来讲之地难以通晓。 CSS3引进了一文山会海新职能,
何况更加的难以明白全体的理解。譬喻,作者对新的 CSS网格模块 知之甚少,还或者有当开采 Flexbox 布局时临时常供给阅读手册(或随便尝试性的利用各类品质和值卡塔尔!

愚人码头注:推荐阅读 CSS3 Flexbox属性可视化指南 

10%的接纳访谈者确认不到一年的开拓经历,却声称已经调整高档的CSS知识!作者匪夷所思她们飞快就能够意识到,懂的更加多,意味着不懂的也就越多!

谎言,该死的谎言,计算数字(葡萄牙语:Lies, damned lies, and statistics卡塔尔,是一句盛名的净土民间语。首要陈诉数字的说泰山压顶不弯腰技能,特别是用来讽刺一些采取总括数字协助、但绝不说服力的分析报告,以至民众倾向于贬低那一个不帮衬其立场的总结结论。 维基百科

CSS 预微型机

当先 63% 的选用访员使用 Sass – 无可纠纷的预微电脑季军。8%的接纳访谈者还运用 PostCSS,纵然它平日与别的预微处理机结合使用以提供有效的功力 – 如AutoPrefixer( 65% 的选拔新闻报道人员选拔卡塔 尔(英语:State of Qatar)。

近 14% 的接纳访员不利用预微处理机,而更爱好使用原始 CSS 代码。当您以为它是最简单易行的(和最佳的卡塔 尔(英语:State of Qatar)开头前端开荒的艺术时,这几个比例就如有一点低。倘若86% 的开荒人士使用 CSS 预微处理机,作者预测平均各个网站的CSS文件央求应该低于7.2个。

近 70% 的选拔访谈者尝试过 Less ,19% 的采用访谈者尝试了 Stylus 。80% 从未听闻过 Rework。

 

CSS 命名方案

46% 的选取访谈开辟职员使用命名方案,可是对于那个将 CSS 水平自己评价为高端或行家品级的人来讲,那玖十九分比上涨到 57% 。

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

如此那般的考查有利于你发觉新工具和你的学识短板。至本文撰写时,这次问卷考察收到了5,254份答复,这是比大好多民调更具有样板价值。然而,应用切磋结果是不是意味着真相依然应该抱稳重态度。。。

其它CSS工具

当前 39% 的类型中正在使用 Modernizr 。那如同令人侧目,因为它的首要用处是合营超越53%早已被弃用的旧版本IE。(Microsoft已于2014年三月结束援助IE10及以下版本。)

14% 的选取访谈者使用 Stylelint 来检查CSS有效性。这就像异常的低,但最流行的IDE和编辑器有部分临近的 CSS 检查,所以大概无需。

23% 的开辟职员不利用其它CSS工具或命名方案。

 

JavaScript

倘诺您以为 CSS 的各类工具已经很混乱了,接待来到迷人的 JavaScript 世界!

JavaScript 开垦人士比较虚心,51% 的接纳访谈者以为自身的JavaScript 知识达到了高等或行家水平:

图片 5

整个世界性的总括结果

库和框架

就算有相关性的质询,当先 99% 的开辟人士在一些时候利用 jQuery,何况 31% 的受访者认为对数不尽连串以来 jQuery 是必须的。70% 的采用访谈者在当前项目中继续采纳 jQuery ,那与 W3Techs 旁观到的数据貌似:

图片 6

框架意况更令人纠结:

  • 本来就有 38% 的水保项目接收了React。但是,唯有29% 的开辟人员使用它以为舒性格很顽强在艰难险阻或巨大压力面前不屈,18% 的接纳新闻报道工作者以为它是必备的。唯有0.1%的网址被察觉正在使用React,但请牢牢记住,考查结果是早前端开荒人士收罗的 – 并非富有的Web开垦职员。
  • 有 四分之三 的项目选拔 Angular 1,尽管独有8%的人觉着它是不可代替。Angular 2则绝对受冷落,只比8%多或多或少。独有3%的人在大多数品种中动用它。
  • Vue.js 已经被 10% 的花色选取,但点滴 6% 的开垦人员对框架认为舒畅,3% 感觉它是供给的。

对此过大年的问卷考察,那个主题材料可能有效:“你是或不是遗弃了贰个框架或然在项目中切换框架?

即便有雅量的JavaScript行家,独有 21% 的人觉着框架不是必须的,并愿意编写原生代码。那是多个焦炙的计算数据吗?30% 的开拓职员以为他俩的框架抽象技巧集能够满意她们的全部急需?

 

职务施行器和模块打包工具

Gulp是最大的胜者,左近 44% 的开荒人士在利用。但是,更简明的 npm scripts 脚本在二零一四年净增了 23% ,达到 26% 。

愚人码头注:可以查阅两篇文章:干什么笔者割舍 Gulp 和 Grunt 而接受 npm Scripts 和 怎么使用 npm Scripts 创设项目

Grunt 已经失却了优势,跌到 12%。此外,9% 的受访者选用了不接纳任务局维器。

这一个使用模块打包工具在二〇一六年净增了 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 测验平昔是叁个挑战。
比方测量检验驱动开辟(TDD卡塔 尔(阿拉伯语:قطر‎等本事能够捕获逻辑难点,但不可能解决异步事件蒙受的难题,例如当 UI 在一定浏览器中实施某种意外操作时。
正好的是,行为使得开辟(BDD卡塔 尔(英语:State of Qatar)的大概性已经现身,以检查在不追求虚名的浏览器中的活动,并使前端测量试验更具可行性。 最风靡的体系有:

  • Mocha – TDD/BDD (23%)
  • Jasmine – BDD (17%)
  • QUnit – TDD (4%)
  • Jest – TDD/BDD (3%)
  • Ava – TDD/BDD (2%)

最后,有 94% 的选取访谈者使用 npm – Node.js 的包微电脑。不敢相信 无法相信,有 32% 曾经使用过 TypeScript 。

开荒职员知识

您在前年应该使用什么?

至于 CSS,Sass 的知识,PostCSS 和 BEM 很刚毅是重中之重的。也正是说,开采的三种性很广。作者建议您钻探一些预微电脑和命名方案,以便领悟各种工具得以完结怎么样– 尽管是您选用不应用它们。

JavaScript 方面包车型大巴工具不太好说。有后生可畏对名重一时的风味和可行性:

  • Node.js 和 npm 将变得至关心珍爱要,因为你接受的工具记得上都以 Node.js 和 npm 达成管理的。
  • Gulp 和/或 Webpack 也值得尝试一下。
  • 摸底ES6,纵然你依然在向后格外的 ES5 项目上行事。

自个儿从未爱慕那二个尝试为新品类采取类库或框架的人。从应用研讨结果来看,jQuery是家喻户晓是最受迎接的。不过随着 IE 的收敛,jQuery 的跨浏览器扶植变得没那么重大,而且大多意义已经和浏览器原生 API 和 CSS 重复。

您能够筛选叁个框架,如 React,因为它非常受招待 – 但那并不意味着它就适用于您的选用。固然 React 将最终被更加好,更优越的东西代替。

自身的提出:从多多框架中选拔某八个事先,先读书HTML,CSS,JavaScript 和浏览器开采的底工知识。无论 JavaScript 社区怎样商量什么工具集,那几个文化将终生受用。也可以有一天,你如故会编写出一个庞大上的工具,也化为各类框架中的意气风发员。

感谢 Ashley Nolan 的后边三个工具侦察和结果解析。

1 赞 7 收藏 2 评论

图片 7

 

此次问卷调查呼吁阅历丰盛的开辟职员对科学研究难点有深远精通并且有的时候光,有意思味去做到此次考察。

 

83% 的受访者有七年或八年以上的前端手艺涉世,唯有 5% 的选用访员不到一年前端经历:

 

 

 

持有超低前端本领的开采人士不太恐怕完花费次问卷考察,由此结果只怕会相应偏离。

 

眼光和一般见识

 

接纳报事人被供给判定本身的程度。有些人或然相比谦恭,有个别有取舍艰辛综合症。某个人或许高估了投机的水平,因为她俩唯恐是一批新手程序猿团队中唯风流倜傥前端开采人士。自己一隅之见的谬误能够被平均,但未曾章程评释。

 

过去的行为不代表以往的可行性

 

考察结果展现了开拓职员已经应用的工具。那并不代表这几个工具是一蹴而就的,能够节省时间或将要今后的品种中运用。

 

 

02CSS

 

63%的开垦职员将她们协和的CSS知识评为高等或行家水平:

图片 8

 

虽说 CSS 是一个像样轻松的 属性 和 值 的键值对聚焦,但是 CSS 是由此可见地难以领会。 CSS3引进了后生可畏密密麻麻新职能,而且一发难以精晓全数的驾驭。举例,小编对新的 CSS网格模块 知之甚少,还会有当开荒 Flexbox 布局时平常需求阅读手册(或自由尝试性的运用各个质量和值卡塔 尔(阿拉伯语:قطر‎!

 

10%的采取访谈者确认不到一年的费用经验,却宣称已经调节高端的CSS知识!笔者嫌疑她们连忙就能开掘到,懂的更加的多,意味着不懂的也就越来越多!

 

CSS 预微机

 

超过 63% 的选用新闻报道人员使用 Sass – 无可争论的预微电脑季军。8%的选取访谈者还运用 PostCSS,纵然它平常与别的预微机结合使用以提供立见成效的功力 – 如AutoPrefixer( 65% 的选择访谈者接收卡塔 尔(英语:State of Qatar)。

 

近 14% 的接收访谈者不选择预微电脑,而更爱好使用原始 CSS 代码。当您感觉它是最轻巧易行的(和最棒的卡塔 尔(英语:State of Qatar)带头前端开采的法虎时,那个比例就像有一点低。假使86% 的开采人士使用 CSS 预微电脑,小编预测平均每一种网址的CSS文件诉求应该低于7.2个。

 

近 70% 的接纳访谈者尝试过 Less ,19% 的选择报事人尝试了 Stylus 。80% 从未据他们说过 Rework。

 

CSS 命名方案

 

46% 的受访开拓人士使用命名方案,不过对于那个将 CSS 水平自己评价为高档或行家等第的人来讲,那风华正茂比例升高到 57% 。

 

最受应接的选料是 BEM ,占40%,其次是 CSS模块(CSS Modules卡塔 尔(英语:State of Qatar)(16%卡塔 尔(阿拉伯语:قطر‎,OOCSS(15%卡塔 尔(阿拉伯语:قطر‎和 SMACSS(13%卡塔 尔(英语:State of Qatar)。

 

其它CSS工具

 

脚下 39% 的品种中正在使用 Modernizr 。那就像是令人惊呆,因为它的主要用处是协作超越百分之七十五业已被弃用的旧版本IE。(Microsoft已于2014年四月终止支持IE10及以下版本。卡塔 尔(英语:State of Qatar)

 

14% 的接收访谈者使用 Stylelint 来检查CSS有效性。那就像是十分的低,但最流行的IDE和编辑器有部分近乎的 CSS 检查,所以恐怕不要求。

 

23% 的开采职员不利用任何CSS工具或命名方案。

 

 

03JavaScript

 

若果你感到 CSS 的种种工具已经很糊涂了,迎接来到动人的 JavaScript 世界!

 

JavaScript 开荒职员比较客气,51% 的接受访谈者感到自身的JavaScript 知识达到了高级或行家水平:

 

 

 

库和框架

 

就算有相关性的质询,当先 99% 的开采人士在少数时候利用 jQuery,何况 31% 的采纳访谈者感觉对相当多品种来讲 jQuery 是必不可缺的。70% 的采用访谈者在现阶段项目中三回九转选取 jQuery ,那与 W3Techs 观看见的数量日常:

 

图片 9

 

框架情形更令人郁结:

 

  • 本来就有 38% 的共处项目利用了React。但是,独有 29% 的开垦人士使用它认为舒性格很顽强在艰难困苦或巨大压力面前不屈,18% 的受访者感觉它是必备的。唯有0.1%的网址被察觉正在使用React,但请牢牢记住,考察结果是早先端开辟职员搜罗的 – 并非颇负的Web开采人士。

  • 有 百分之二十 的花色采纳 Angular 1,即便唯有8%的人感觉它是不足替代。Angular 2则相对受冷淡,只比8%多或多或少。唯有3%的人在大超级多品种中动用它。

  • Vue.js 已经被 10% 的品种接纳,但简单 6% 的开采人士对框架感觉舒服,3% 以为它是至关重要的。

 

对于过年的问卷侦查,这么些难题也许使得:“你是不是废弃了多个框架只怕在品种中切换框架?

 

固然有恢宏的JavaScript行家,独有 21% 的人觉着框架不是必需的,并愿意编写原生代码。那是一个焦躁的总结数据吗?30% 的开荒职员以为他们的框架抽象本事集能够满意她们的方方面面需求?

 

职务实践器和模块打包工具

 

Gulp是最大的得主,临近 44% 的开垦人士在选拔。但是,更简便的 npm scripts 脚本在二〇一四年净增了 23% ,到达 26% 。

 

Grunt 已经错失了优势,跌落到 12%。此外,9% 的选用访谈者选取了不行使使时局维器。

 

那个使用模块打包工具在二零一五年大增了 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 测量检验从来是三个挑衅。

 

举个例子说测量试验驱动开垦(TDD卡塔 尔(英语:State of Qatar)等技艺能够捕获逻辑难点,但不能够消除异步事件碰到的主题素材,比如当 UI 在一定浏览器中进行某种意外操作时。

 

有幸的是,行为使得开辟(BDD卡塔 尔(英语:State of Qatar)的也许性已经冒出,以检查在实际的浏览器中的活动,并使前端测量检验更具可行性。 最流行的种类有:

  • 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 完毕管理的。

  • Gulp 和/或 Webpack 也值得尝试一下。

  • 询问ES6,尽管你依旧在向后相当的 ES5 项目上干活。

 

自己还没艳羡那么些尝试为新类型选取类库或框架的人。从实验商讨结果来看,jQuery是显然是最受接待的。然则随着 IE 的收敛,jQuery 的跨浏览器帮忙变得没那么重大,况且比比较多效用已经和浏览器原生 API 和 CSS 重复。

 

您能够筛选二个框架,如 React,因为它异常受接待 – 但这并不意味它就适用于您的利用。就算 React 将末了被越来越好,更天衣无缝的事物替代。

 

自家的提议:从相当多框架中筛选某五个在此以前,先读书HTML,CSS,JavaScript 和浏览器开采的根底知识。无论 JavaScript 社区哪些钻探什么工具集,那一个文化将平生受用。也可能有一天,你依然会编写出二个了不起上的工具,也成为各个框架中的生龙活虎员。

 【小编有三个前端学习交换QQ群:328058344  假设您在上学前端的进度中境遇怎么样难点,接待来笔者的QQ群提问,群里每一天还只怕会更新一些学习能源。幸免闲谈,非喜勿进。】

本文由星彩网app下载发布于前端技术,转载请注明出处:2017年前端开发工具趋势

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。