【必发88】201七年前端开拓工具,20一7年前端开荒工具趋势

by admin on 2019年5月2日

20壹7年前端开垦工具趋势

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

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

必发88 1

您有两年以上的前端开荒经验吗?你会用 Sass 和 Autoprefixer
等高级的CSS帮助技巧呢?你的 JavaScript 知识是还是不是融汇贯通,你是否喜欢使用
居尔p , npm 和 jQuery ?要是是那般,根据 Ashley Nolan
的前端问卷侦查,你是四个一级的前端开拓技术员。

20壹七年前端开采工具趋势,20一柒年前端开辟工具

您有两年以上的前端开荒经验吗?你会用 Sass 和 Autoprefixer
等高级的CSS援助才具呢?你的 JavaScript 知识是或不是融汇贯通,你是否喜欢使用
居尔p , npm 和 jQuery ?如若是那样,依照 Ashley Nolan
的前端问卷考察,你是一个标准的前端开垦技术员。

 

必发88 2

 

01谎话,该死的谎言,计算数字和考查问卷

 

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

 

【必发88】201七年前端开拓工具,20一7年前端开荒工具趋势。诸如此类的调查有助于你意识新工具和您的学问短板。至本文撰写时,此番问卷侦察收到了伍,25四份答复,那是比大繁多民调更兼具样本价值。不过,调查切磋结果是或不是意味真相依然应当抱审慎态度。。。

 

环球性的总括结果

 

这一次问卷考察是环球性的,但将首要来自克罗地亚语国家。
在另内地方付出或行使的流行工具可能被忽略。

 

开荒人员知识

 

本次问卷考查呼吁经验丰裕的开拓人士对调查商讨难点有深入了解并且有时间,风乐趣去做到此次应用商量。

 

八三% 的受访者有两年或两年以上的前端工夫经验,唯有 伍%
的受访者不到一年前端经验:

 

 

 

负有比较低前端本事的开垦人士不太恐怕完费用次问卷侦察,由此结果恐怕会相应偏离。

 

眼光和偏见

 

接待上访被供给判别本人的水准。有个别人也许比较谦虚,有个别有选取艰难综合症。某个人想必高估了友好的品位,因为他俩大概是一堆新手程序猿团队中无与伦比前端开垦人士。自己偏见的差错能够被平均,但未有办法声明。

 

过去的行为不意味现在的趋势

 

调查结果呈现了开拓人士已经运用的工具。这并不意味那些工具是一蹴而就的,能够节省时间或就要后天的品类中央银行使。

 

 

02CSS

 

六三%的开荒职员将他们本身的CSS知识评为高档或专家水平:

必发88 3

 

虽说 CSS 是多个看似轻松的 属性 和 值 的键值对聚集,但是 CSS
是门到户说地难以调控。
CSS三引进了1多级新功能,并且更为难以领会全部的明亮。举例,笔者对新的
CSS网格模块 知之甚少,还有当开拓 Flexbox
布局时日常要求阅读手册(或专擅尝试性的施用种种质量和值)!

 

十%的受访者料定不到一年的付出经历,却声称已经调整高端的CSS知识!笔者可疑她们赶快就能开掘到,懂的更加多,意味着不懂的也就更多!

 

CSS 预管理器

 

【必发88】201七年前端开拓工具,20一7年前端开荒工具趋势。越过 63% 的受访者使用 Sass – 无可争议的预管理器亚军。八%的受访者还采用PostCSS,即便它一般与其余预管理器结合使用以提供有效的效率 –
如AutoPrefixer( 陆伍% 的受访者选取)。

 

近 14% 的受访者不应用预管理器,而更欣赏使用原始 CSS
代码。当你感到它是最简易的(和最佳的)早先前端开采的秘技时,这么些比重就像是有点低。如若8陆% 的开辟人士使用 CSS
预处理器,笔者臆想平均各种网址的CSS文件请求应该低于7.一个。

 

近 70% 的受访者尝试过 Less ,1玖% 的受访者尝试了 Stylus 。80%
从未据书上说过 Rework。

 

CSS 命名方案

 

肆6% 的受访开拓职员使用命名方案,可是对于那个将 CSS
水平自己评价为高等或专家品级的人的话,这一比重回涨到 5柒% 。

 

最受接待的选项是 BEM ,占40%,其次是 CSS模块(CSS
Modules)(16%),OOCSS(一伍%)和 SMACSS(1三%)。

 

其它CSS工具

 

目前 3九% 的类型中正在利用 Modernizr
。那不啻让人惊呆,因为它的首要用途是十三分超越四6%一度被弃用的旧版本IE。(Microsoft已于201六年13月截至辅助IE10及以下版本。)

 

1四% 的受访者使用 Stylelint
来检查CSS有效性。那不啻异常低,但最流行的IDE和编辑器有一些近似的 CSS
检查,所以大概无需。

 

23% 的开辟职员不选拔任何CSS工具或命名方案。

 

 

03JavaScript

 

就算你认为 CSS 的各个工具已经很混乱了,迎接来到迷人的 JavaScript 世界!

 

JavaScript 开荒职员相比谦虚,5一% 的受访者认为自个儿的JavaScript
知识到达了尖端或专家水平:

 

 

 

库和框架

 

固然有相关性的质询,超过 9九% 的开辟人士在有个别时候利用 jQuery,并且 3一%
的受访者感觉对许多门类以来 jQuery 是必备的。70%
的受访者在此时此刻项目中一而再利用 jQuery ,那与 W叁Techs 观望到的数额一般:

 

必发88 4

 

框架景况更令人困惑:

 

  • 已有 38% 的存活项目采纳了React。不过,唯有 2玖%
    的开辟人士使用它感觉舒畅(Jennifer),1八%
    的受访者感到它是不可缺少的。只有0.壹%的网址被发掘正在接纳React,但请牢记,调查结果是在此在此在此之前端开辟人士收罗的
    – 而不是具备的Web开垦职员。

  • 有 四分之一 的等级次序采用 Angular 1,就算唯有八%的人认为它是不可代替。Angular
    二则绝对受冷落,只比八%多或多或少。唯有3%的人在大繁多品类中选拔它。

  • Vue.js 已经被 10% 的品种接纳,但轻便 6%
    的开拓人士对框架认为舒适,3% 认为它是少不了的。

 

对此过大年的问卷考察,那些主题材料只怕使得:“你是还是不是放任了1个框架或许在项目中切换框架?

 

就算有大气的JavaScript专家,唯有 二1%
的人感到框架不是必须的,并甘当编写原生代码。那是2个忧郁的总括数据吗?30%
的开辟职员认为他俩的框架抽象手艺集能够知足她们的一切须要?

 

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

 

居尔p是最大的赢家,接近 44% 的开采人士在运用。可是,更简便易行的 npm scripts
脚本在201六年大增了 2三% ,到达 贰六% 。

 

Grunt 已经失去了优势,跌落到 1二%。其它,9%
的受访者选择了不采纳使时局营器。

 

那么些使用模块打包工具在201陆年扩张了 20%,达到 6八% 。 Webpack
是极致流行,占 3壹% ,Browserify 为 11% ,RequireJS 为 捌% 。

 

自家很奇异,“其余”模块打包工具占不到
四%,当有多少个职责运维器插件能够更简明的管住正视关系,比方 gulp-deporder
。只怕因为各样开拓人士都在使用JavaScript 转译器…

 

ES6到ES伍的转译器 (transpilers)

 

6二% 的开辟人士正在使用诸如 Babel 之类的工具,将精简的 ES6代码转变为旧版浏览器扶助的 ES⑤ 代码。

31% 的人闻讯过大概性,但尚无选取工具,和 七% 从未据他们说过这么些词。

 

本条数字仿佛相当高。Internet Explorer 和老的应用程序不协理最新的
JavaScript 语法,但是假诺你要编写 ES6 代码,为啥还要支撑她们啊?

举例你真正必要协助 IE1一 及以下版本,编写 ES五 代码不是更易于吗?

 

其他JavaScript工具

 

肆一%的开荒人士使用 ESLint , 1玖% 使用 JSLint 和 1四% 使用 JSHint
来检查他们的代码的实惠 – 举个例子缺乏括号,省略分号,格式缩进等。

 

2三%的受访者不选用代码检查工具 –
就算,也有望他们依据他们的公文编辑器或 IDE 来发掘最严重的语法错误。

 

动用测试工具的用户在一年中升高了 12% ,达到了 5贰% 。

历史上,JavaScript 测试一直是一个挑战。

 

必发88,比如说测试驱动开辟(TDD)等技艺能够捕获逻辑难题,但不可能缓慢解决异步事件碰着的主题素材,举个例子当
UI 在特定浏览器中实施某种意外操作时。

 

幸运的是,行为使得开荒(BDD)的大概已经出现,以检讨在真正的浏览器中的活动,并使前端测试更具可行性。
最盛行的系统有:

  • Mocha – TDD/BDD (23%)

  • Jasmine – BDD (17%)

  • QUnit – TDD (4%)

  • Jest – TDD/BDD (3%)

  • Ava – TDD/BDD (2%)

 

最终,有 玖四% 的受访者使用 npm – Node.js 的包管理器。不可思议,有 32%
曾经使用过 TypeScript 。

 

 

04你在201七年应有选用什么?

 

有关 CSS,Sass 的文化,PostCSS 和 BEM
很肯定是少不了的。也正是说,开采的五种性很广。小编建议您斟酌一些预管理器和命名方案,以便驾驭各类工具得以完结怎么着– 固然是您接纳不采用它们。

 

JavaScript 方面的工具不太好说。有壹对明显的风味和取向:

  • Node.js 和 npm 将变得至关心重视要,因为您利用的工具记得上都以 Node.js 和
    npm 落成管理的。

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

  • 精通ES六,即便你依旧在向后格外的 ES伍 项目上中国人民解放军海军事工业程大学业作。

 

自身从未钦慕这么些尝试为新品类接纳类库或框架的人。从调查斟酌结果来看,jQuery是显然是最受应接的。可是随着
IE 的破灭,jQuery
的跨浏览器帮忙变得没那么重大,并且很多作用已经和浏览器原生 API 和 CSS
重复。

 

你能够选拔三个框架,如 React,因为它深受欢迎 –
但这并不代表它就适用于您的选用。即便 React
将最后被更加好,更特出的事物替代。

 

自家的建议:从广大框架中甄选某一个事先,先读书HTML,CSS,JavaScript
和浏览器开辟的基础知识。无论 JavaScript
社区怎样评价什么工具集,这几个知识将毕生受用。可能有1天,你还是会编写出1个宏大上的工具,也成为各个框架中的一员。

 【小编有1个前端学习沟通QQ群:32805834肆 假诺您在学习前端的长河中相见哪些难点,招待来自个儿的QQ群提问,群里每日还会更新一些读书能源。禁止闲谈,非喜勿进。】

你有两年以上的前端开荒经验吗?你会用 Sass 和 Autoprefixer
等高端的CSS协理本事呢?你的 Jav…

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

愚人码头注:谎言,该死的假话,计算数字(英文:Lies, damned lies, and
statistics),是一句知名的极乐世界谚语。首要描述数字的说服技术,尤其是用来讽刺一些用到计算数字援助、但决不说服力的分析报告,以及人们倾向于贬低这个不援助其立场的统计结论。
维基百科

诸如此类的考查有助于你意识新工具和您的学问短板。至本文撰写时,本次问卷侦察收到了伍,254份答复,那是比大诸多民调更享有样本价值。不过,调查探究结果是或不是意味着真相还是应当抱审慎态度。。。

全世界性的计算结果

此番问卷调查是环球性的,但将重大来自盖尔语国家。
在别的地点付出或行使的流行工具可能被忽略。

开辟职员知识

本次问卷考查呼吁经验丰硕的开荒职员对科学探讨难点有深远驾驭并且有时间,有意思味去做到本次应用钻探。

83% 的受访者有两年或两年以上的前端才具经验,唯有 伍%
的受访者不到一年前端经验:

必发88 5

具有非常低前端本领的开荒职员不太大概完毕此番问卷侦察,由此结果恐怕会相应偏离。

意见和偏见

接待上访被须求判别自个儿的水准。有个外人唯恐相比较谦虚,有个别有选用困难综合症。有个外人也许高估了友好的档案的次序,因为她们只怕是一批新手程序猿团队中唯1前端开采人士。自己偏见的偏差能够被平均,但一贯不办法注解。

过去的一坐一起不意味着未来的趋势

调查结果呈现了开垦人士已经运用的工具。那并不意味着那些工具是行之有效的,能够节省时间或就要后天的品类中央银行使。

CSS

六3%的开垦职员将他们友善的CSS知识评为高档或专家水平:

必发88 6

尽管 CSS 是一个接近简单的 属性 和 值 的键值对聚焦,可是 CSS
是远近闻名地难以调节。 CSS3引进了1层层新功能,
与此同时越来越难以调整全部的敞亮。比方,作者对新的
CSS网格模块 知之甚少,还有当开辟
Flexbox
布局每每常须求阅读手册(或自由尝试性的施用各类品质和值)!

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

10%的受访者确认不到一年的支付经历,却宣称已经明白高端的CSS知识!作者出乎意料他们神速就可以意识到,懂的更多,意味着不懂的也就越来越多!

CSS 预管理器

赶过 陆三% 的受访者使用 Sass –
无可争议的预管理器亚军。八%的受访者还动用
PostCSS,尽管它平日与任何预管理器结合使用以提供实用的成效– 如AutoPrefixer( 65%
的受访者选择)。

近 1四% 的受访者不选拔预处理器,而更爱好使用原始 CSS
代码。当你认为它是最轻松易行的(和最棒的)起头前端开拓的秘籍时,这几个比重就好像有点低。如果八六% 的开辟人士使用 CSS
预管理器,作者臆想平均各个网址的CSS文件请求应该低于柒.一个。

近 70% 的接受访问者尝试过 Less ,1九% 的受访者尝试了
Stylus 。80% 从未传说过
Rework。

CSS 命名方案

四陆% 的受访开荒人士使用命名方案,可是对于那个将 CSS
水平自己评价为高等或专家等级的人的话,那1比重临涨到 伍柒% 。

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

其它CSS工具

现阶段 3玖% 的体系中正在使用 Modernizr
。那犹如令人欢欣,因为它的首要用途是合作大多数早就被弃用的旧版本IE。(Microsoft已于二零一六年10月终止帮助IE10及以下版本。)

1四% 的受访者使用 Stylelint
来检查CSS有效性。那不啻相当的低,但最风靡的IDE和编辑器有一些接近的 CSS
检查,所以只怕不需求。

二三% 的开采人士不应用任何CSS工具或命名方案。

JavaScript

若果你以为 CSS 的各样工具已经很凌乱了,应接来到动人的 JavaScript 世界!

JavaScript 开采职员比较谦虚,5一% 的受访者感觉自个儿的JavaScript
知识到达了尖端或专家水平:

必发88 7

库和框架

固然有相关性的困惑,超越 9玖% 的开采职员在有个别时候利用
jQuery,并且 3一% 的受访者感觉对数不胜数类型以来
jQuery 是不可或缺的。70% 的接受访问者在脚下项目中持续采用 jQuery ,那与
W三Techs
观望到的数码一般:

必发88 8

框架景况更令人质疑:

  • 已有 38%
    的幸存项目应用了React。但是,唯有2九% 的开垦职员使用它感觉舒服,18%
    的受访者以为它是必备的。唯有0.一%的网址被察觉正在使用React,但请牢记,考察结果是从前端开荒人士搜集的
    – 而不是富有的Web开垦职员。
  • 有 二5% 的门类选择 Angular
    一,就算唯有8%的人以为它是不足取代。Angular
    2则绝对受冷落,只比八%多或多或少。唯有三%的人在繁多门类中运用它。
  • Vue.js 已经被 十% 的项目应用,但个别 陆%
    的开荒职员对框架以为舒畅(Jennifer),三% 感到它是不能缺少的。

对于过大年的问卷考查,那个标题或许有效:“你是否放任了三个框架恐怕在品种中切换框架?

纵然有恢宏的JavaScript专家,唯有 二1%
的人觉着框架不是必须的,并愿意编写原生代码。那是1个焦虑的总括数据吗?30%
的开辟职员以为她们的框架抽象技术集可以满足她们的整套急需?

职分实施器和模块打包工具

Gulp是最大的赢家,接近 44%
的开荒职员在行使。不过,更简单的 npm
scripts 脚本在201陆年大增了 2三%
,到达 二6% 。

愚人码头注:能够查看两篇作品:干什么小编甩掉 居尔p 和 Grunt 而接纳 npm
Scripts 和 怎么使用 npm
Scripts 营造项目

Grunt 已经失却了优势,跌落到 1二%。其余,九%
的受访者采取了不利用使时局转器。

那多少个运用模块打包工具在201陆年扩展了 20%,到达 68% 。
Webpack 是最为盛行,占 3一%
,Browserify 为 11%
,RequireJS 为 8% 。

本身很离奇,“其余”模块打包工具占不到
4%,当有多少个职分运营器插件能够更简短的治本重视关系,比如
gulp-deporder
。或然因为各个开垦职员都在运用JavaScript 转译器…

ES六到ES伍的转译器 (transpilers)

62% 的开垦职员正在利用诸如 Babel
之类的工具,将精简的 ES陆 代码转变为旧版浏览器援助的 ES伍 代码。
31% 的人闻讯过可能性,但向来不使用工具,和 七% 从未听新闻说过这一个词。

那几个数字就好像一定高。Internet Explorer 和老的应用程序不辅助新型的
JavaScript 语法,不过假若你要编写制定 ES陆 代码,为何还要支撑她们啊?
只要您真的须求帮衬 IE11 及以下版本,编写 ES伍 代码不是更便于吧?

其他JavaScript工具

四1%的开辟人士使用 ESLint , 19% 使用
JSLint 和 14% 使用
JSHint 来检查他们的代码的实惠 –
比如缺少括号,省略分号,格式缩进等。

二三%的受访者不接纳代码检查工具 –
固然,也有希望他们依据他们的公文编辑器或 IDE 来发掘最严重的语法错误。

利用测试工具的用户在一年中增长了 1二% ,到达了 52% 。
历史上,JavaScript 测试平素是二个挑衅。
举个例子说测试驱动开垦(TDD)等本领可以捕获逻辑难点,但不可能缓和异步事件碰着的主题素材,举个例子当
UI 在特定浏览器中实行某种意外操作时。
幸亏的是,行为使得开拓(BDD)的大概已经出现,以检讨在真正的浏览器中的活动,并使前端测试更具可行性。
最盛行的系统有:

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

终极,有 九肆% 的接受访问者使用 npm – Node.js
的包管理器。出乎意料,有 3贰% 曾经使用过
TypeScript 。

您在20一7年应有使用什么?

有关 CSS,Sass 的知识,PostCSS 和 BEM
很明朗是少不了的。也便是说,开拓的八种性很广。我提出你切磋一些预管理器和命名方案,以便通晓各种工具得以兑现如何– 固然是你挑选不使用它们。

JavaScript 方面包车型地铁工具不太好说。有部分显然的特性和自由化:

  • Node.js 和 npm
    将变得至关心尊敬要,因为你选拔的工具记得上都以 Node.js 和 npm
    达成处理的。
  • Gulp 和/或
    Webpack
    也值得尝试一下。
  • 询问ES陆,就算你照旧在向后至极的 ES伍 项目上中国人民解放军海军工程大学业作。

自己从没敬慕这一个尝试为新品类选取类库或框架的人。从应用研究结果来看,jQuery是威名昭著是最受招待的。可是随着
IE 的无影无踪,jQuery
的跨浏览器帮忙变得没那么重大,并且大多功用已经和浏览器原生 API 和 CSS
重复。

你能够采纳3个框架,如 React,因为它非常受招待 –
但那并不代表它就适用于您的选择。纵然 React
将最后被更加好,更加美妙的事物替代。

本人的提出:从多多框架中选取某二个事先,先读书HTML,CSS,JavaScript
和浏览器开采的基础知识。无论 JavaScript
社区如何批评什么工具集,这个文化将毕生受用。恐怕有1天,你依然会编写出多个伟大上的工具,也化为各样框架中的一员。

感谢 Ashley Nolan
的前端工具考查和结果分析。

1 赞 7 收藏 2
评论

必发88 9

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图