金沙澳门官网网址:2017年前端开发工具趋势,

作者: 前端知识  发布:2019-09-14

其他JavaScript工具

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

23%的接受访谈者不行使代码检查工具 – 即使,也可能有十分的大希望他们依仗他们的文书编辑器或 IDE 来开掘最要紧的语法错误。

接纳测量检验工具的客户在一年中加强了 12% ,达到了 52% 。
野史上,JavaScript 测量试验一直是三个挑衅。
诸如测量检验驱动开垦(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 。

前年前端开垦工具趋势,二零一七年前端开拓工具

您有两年以上的前端开拓经验吗?你会用 Sass 和 Autoprefixer 等高端的CSS帮衬才干呢?你的 JavaScript 知识是或不是融汇贯通,你是否喜欢使用 居尔p , npm 和 jQuery ?如若是这样,依据 Ashley Nolan 的前端问卷考查,你是多个优异的前端开拓技术员。

 

金沙澳门官网网址 1

 

01谎话,该死的假话,总计数字和调查商讨问卷

 

谎言,该死的谎言,统计数字(英文:Lies, damned lies, and statistics),是一句著名的西方谚语。主要描述数字的说服能力,特别是用来讽刺一些使用统计数字支持、但毫无说服力的分析报告,以及人们倾向于贬低那些不支持其立场的统计结论。 维基百科

 

那样的调查有利于你开掘新工具和你的学识短板。至本文撰写时,此次问卷考察收到了5,254份答复,那是比大非常多民调更富有样本价值。然则,应用商量结果是不是意味着真相依然应该抱审慎态度。。。

 

全世界性的总括结果

 

此番问卷侦查是环球性的,但将重大来源于葡萄牙语国家。 在别的地方支出或行使的盛行工具或者被忽略。

 

开采职员知识

 

本次问卷考查呼吁经验丰硕的开采人士对实验研讨难点有深入明白何况临时光,有意思味去做到此次考察。

 

83% 的接受访谈者有三年或三年以上的前端技巧经历,独有 5% 的接受访谈者不到一年前端经验:

 

 

 

不无极低前端才具的开拓人士不太也许完费用次问卷考察,由此结果或然会相应偏离。

 

意见和偏见

 

接访被须求决断本人的品位。某个人想必比较谦虚,有个别有取舍困难综合症。某人或然高估了友好的品位,因为他们大概是一群新手工业程师团队中独一前端开拓人士。自己偏见的不是能够被平均,但未曾办法注明。

 

千古的作为不意味着今后的主旋律

 

考查结果显示了开辟职员已经应用的工具。那并不代表那几个工具是立见成效的,可以节省时间或就要现在的体系中央银行使。

 

 

02CSS

 

63%的开荒职员将他们友善的CSS知识评为高端或专家水平:

金沙澳门官网网址 2

 

即便 CSS 是贰个类似轻便的 属性 和 值 的键值对集中,可是 CSS 是明显地难以精通。 CSS3引进了一多种新效能,而且一发难以调节全部的知道。举个例子,我对新的 CSS网格模块 知之甚少,还恐怕有当开荒 Flexbox 布局时日常须要阅读手册(或自由尝试性的选取种种质量和值)!

 

10%的接受媒体人料定不到一年的费用经历,却声称已经精通高等的CSS知识!作者难以置信他们急速就能够发觉到,懂的更多,意味着不懂的也就越多!

 

CSS 预管理器

 

超过 63% 的接受访谈者使用 Sass – 无可争论的预管理器亚军。8%的接受访谈者还采取PostCSS,即便它一般与别的预管理器结合使用以提供平价的效率 – 如AutoPrefixer( 65% 的接受访员选拔)。

 

近 14% 的接受新闻报道工作者不使用预管理器,而更欣赏使用原始 CSS 代码。当你以为它是最不难易行的(和最佳的)开始前端开辟的办法时,那个比例仿佛有一点点低。要是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%)。

 

其它CSS工具

 

日前 39% 的类别中正在采纳 Modernizr 。那犹如让人咋舌,因为它的主要用途是合作当先二分一一度被弃用的旧版本IE。(Microsoft已于二零一四年7月结束援助IE10及以下版本。)

 

14% 的接受媒体人使用 Stylelint 来检查CSS有效性。这就像好低,但最风靡的IDE和编辑器有一对附近的 CSS 检查,所以只怕没有必要。

 

23% 的开荒职员不应用另外CSS工具或命名方案。

 

 

03JavaScript

 

要是您认为 CSS 的各个工具已经很混乱了,应接来到摄人心魄的 JavaScript 世界!

 

JavaScript 开拓职员相比谦虚,51% 的接受访谈者感到自身的JavaScript 知识达到了高档或专家水平:

 

 

 

库和框架

 

纵然有相关性的质询,超越 99% 的开采人士在好曾几何时候利用 jQuery,何况 31% 的接受访谈者感到对众多种类以来 jQuery 是不能缺少的。70% 的接受报事人在当下项目中继续利用 jQuery ,那与 W3Techs 观望到的数额貌似:

 

金沙澳门官网网址 3

 

框架情状更令人嫌疑:

 

  • 已有 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)等本事能够捕获逻辑难点,但不可能一挥而就异步事件碰着的难题,举个例子当 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 达成管理的。

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

  • 精通ES6,纵然你依旧在向后卓殊的 ES5 项目上行事。

 

小编未有向往那些尝试为新类型选择类库或框架的人。从应用商量结果来看,jQuery是显著是最受款待的。不过随着 IE 的一去不归,jQuery 的跨浏览器协理变得没那么重大,并且许多效用已经和浏览器原生 API 和 CSS 重复。

 

您能够选择三个框架,如 React,因为它十分受应接 – 但这并不意味它就适用于您的运用。就算 React 将最终被越来越好,更完美的东西取代。

 

自身的建议:从过多框架中甄选某多少个事先,先读书HTML,CSS,JavaScript 和浏览器开荒的基础知识。无论 JavaScript 社区怎么评价怎么着工具集,那么些知识将毕生受用。也会有一天,你居然会编写出一个英雄上的工具,也变为各样框架中的一员。

 【小编有贰个前端学习调换QQ群:328058344  假设您在上学前端的历程中遇见哪些难题,应接来笔者的QQ群提问,群里每日还大概会更新一些读书财富。禁止闲谈,非喜勿进。】

你有三年以上的前端开垦经验吗?你会用 Sass 和 Autoprefixer 等高级的CSS扶助能力呢?你的 Jav...

库和框架

就算有相关性的责备,抢先 99% 的开采职员在好何时候使用 jQuery,何况 31% 的接受媒体人认为对非常多项目来讲jQuery 是不能缺少的。70% 的接受访谈者在现阶段项目中三番伍回选择 jQuery ,那与 W3Techs 观看到的数目貌似:

金沙澳门官网网址 4

框架意况更令人疑惑:

  • 已有 38% 的并存项目利用了React。可是,只有29% 的开采职员使用它以为安适,18% 的接受媒体人以为它是必备的。唯有0.1%的网站被察觉正在利用React,但请牢记,考察结果是以前端开垦人员采撷的 – 并非有所的Web开拓人员。
  • 有 五分三 的项目应用 Angular 1,尽管独有8%的人觉着它是不可取代。Angular 2则相对受冷落,只比8%多或多或少。独有3%的人在大大多类型中采纳它。
  • Vue.js 已经被 10% 的门类采取,但点滴 6% 的开荒职员对框架以为舒畅,3% 以为它是十分重要的。

对此度岁的问卷考查,这一个标题可能一蹴而就:“你是还是不是甩掉了二个框架或然在项目中切换框架?

固然有大气的JavaScript专家,唯有 21% 的人认为框架不是必需的,并甘当编写原生代码。这是一个忧虑的计算数据吗?30% 的开采职员感到他俩的框架抽象技巧集能够满足他们的一体须求?

过去的一颦一笑不代表今后的势头

考察结果显示了开垦职员已经使用的工具。那并不表示这一个工具是有效的,能够节省时间或就要未来的品类中运用。

全世界性的总结结果

此番问卷考查是全世界性的,但将首要来源塞尔维亚(Република Србија)语国家。 在其余地点开荒或利用的流行工具恐怕被忽略。

其它CSS工具

日前 39% 的品类中正在使用 Modernizr 。那犹如令人好奇,因为它的首要用途是匹配大多数早就被弃用的旧版本IE。(Microsoft已于二〇一四年1月终止帮助IE10及以下版本。)

14% 的接受访谈者使用 Stylelint 来检查CSS有效性。那就如异常低,但最风靡的IDE和编辑器有一部分看似的 CSS 检查,所以或然不须求。

23% 的开垦人士不行使其余CSS工具或命名方案。

您在前年应有使用什么?

有关 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 评论

金沙澳门官网网址 5

CSS 命名方案

46% 的接受访谈开荒职员使用命名方案,不过对于那么些将 CSS 水平自笔者评价为高档或专家级其别人来讲,那玖拾五分比上涨到 57% 。

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

谎言,该死的鬼话,总结数字和侦查问卷

愚人码头注:谎言,该死的弥天津高校谎,计算数字(乌Crane语:Lies, damned lies, and statistics),是一句盛名的西方谚语。主要陈述数字的说服技艺,特别是用来讽刺一些使用计算数字支持、但决不说服力的深入分析报告,以及群众偏侧于贬低这些不辅助其立场的总结结论。 维基百科

那般的应用研商有利于你开采新工具和您的学识短板。至本文撰写时,此次问卷考查收到了5,254份答复,这是比大多数民调更有着样本价值。但是,调查研究结果是还是不是代表真相照旧应该抱严慎态度。。。

本文由金沙澳门官网发布于前端知识,转载请注明出处:金沙澳门官网网址:2017年前端开发工具趋势,

关键词: 金沙澳门官网

上一篇:CSS之纯CSS画的骨干图形
下一篇:没有了