64

[阅 #32] 同学们,坐好,我们来讲解下这份 2017 年终全球 JavaScript 技术调查结果

 6 years ago
source link: https://zhuanlan.zhihu.com/p/32372885?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

[阅 #32] 同学们,坐好,我们来讲解下这份 2017 年终全球 JavaScript 技术调查结果

呐!人活着呢就是要开心!
「阅」——JSCourse 旗下栏目,专门推荐我们为大家精心挑选的优质 JavaScript 相关技术内容

年底了,又将迎来一大波「总结」和「展望」,2016 年为自己制定的 2017 年的目标都实现了吗?如果没有的话,也没关系,因为马上要 2018 了,已经没有时间去实现了,哈哈,开个玩笑,只要自己觉得过去一年过得充实快乐就行了!眼下,最重要就是跟随潮流,总结下 2017 年的自己和展望下 2018 年的自己。

技术圈也不例外,所以小编今天就结合 stateofjs 公布的 2017 年关于 JavaScript 全球调查结果来解读下即将要过去的这一年的 JavaScript 技术相关情况。

v2-f4ce60ee949445cf51fc009045aef8c5_720w.webp

来自 https://stateofjs.com

先来介绍下 stateofjs 到底是什么,简单来说呢,这个网站向全球的工程师做调查问卷,内容涵盖 前端框架状态管理工具构建工具测试代码库 等热门话题方面的问题,最后根据问卷结果制作成漂亮的图表报告,来为大家呈现这些方面大家实际的一个使用情况以供参考。

具体,他们是怎么抽样的,这里就不赘述了。他们从 2016 年就开始了,有兴趣可以查看 2016 年的结果。而 2017 年他们一共收集了来自全球的超过两万多名工程师的调查数据,接下来,小编就来解读下这份结果(以下标题均是小编按照解读需要撰写的,非原调查问卷问题)。

到底是写 ES6、ES5、 还是 TypeScript?

v2-d3ce0389f90c7f9c39aa792ce4900cb4_720w.webp

来解释下几种颜色的意思:

  • 灰色:什么鬼?我不知道啊,听都没听过
  • 浅黄色:听过啊,但是没兴趣
  • 黄色:听过听过,我还想学呢
  • 浅蓝色(小编色盲,姑且叫蓝色吧):这玩意儿我以前用过,但是不想再用了
  • 蓝色:用过用过,还会继续用

所以,基本上从下往上看就能看出流行度了。你看上图中,基本上 ES6 今年是火的不行,TypeScript 也是很热门,但是你发现没,别小看 ES5,非常多的人还是在写 ES5,但是有意思的是,浅蓝色的也很高,说明什么,说明很多人可能会在以后放弃写 ES5,去写 ES6、ES7 等等;而且黄色的人也很少。这其实是对的,随着浏览器对新标准的支持,以及各类 babel 工具对新特性的支持,使用符合新标准的语法书写 JavaScript 代码都将是毋庸置疑的。

小编倒是觉得 TypeScript 在 2018 年使用量还会大大提升。特别是大型复杂应用,TypeScript 是非常有帮助的!它的类型推导,接口描述,不仅可以在前期就能避免编码的问题,而且在大型项目的协作上也是很有帮助的。特别是结合了微软自己的 Visual Studio Code,可以大大提高开发效率。另外,TypeScript 背靠微软,一条粗壮的大腿也是不可小觑的。

下面我们再来看下国内的情况:

那么作为学习者,你到底应该学 ES6ES5 还是 TypeScript 呢?其实这些不矛盾的,小编建议你,如果之前没接触过 JS 还是得从 ES5 开始,然后了解最新的 ES6、ES7 的特性,之后你再去看 TypeScript 就很容易上手了。

前端那几个主流的框架到底这一年情况如何?

不多说了,直接来看结果:

React 依然处于绝对的霸主地位,但是 Vue.js 发展很迅猛,你看那么长的黄色柱子,一大波 Vue.js 开发者在路上。这一现象在国内就尤为明显了(下图中红色表示大于全球平均使用):

想要学习这些框架的同学们,相信这张图表对你会有所启发,特别是你看看 No Framework 的依旧占比很大,不是是个前端项目都非得上这些框架的,关键还是取决于项目需求。所以就算你不会 React 不会 Vue.js,也不要太忧虑。关键还是先把基础打好,一步一个脚印,这样往上学就会容易很多。

小编觉得这个结果也中规中矩,而在 2018 年,Vue.js 还会有更好的发展,而 React 在 VR 方面也可能会更加发力。另外,小编觉得大家也不妨看看一个名为:frint.js,蛮有意思的一个库。

所以 MobX 和 Redux 到底能不能干一架?

状态管理这部分,作者把 MobX、Redux 还有 Restful、GraphQL 放在一起比较,我们来看下结果:

MobX 目前和 Redux 还不在一个量级上,前者和后者相差了接近 10 倍,这也是意料之中的。而 GraphQL 那一条巨长无比的黄色柱子就能看出潜力无限了,而 Restful 毕竟有时间基础,资历老,毋庸置疑。我们再来看看国内的情况:

这里不多评价,因为国内样本相对而言很少,不知道有没有参考价值。

等下,Node.js 到底哪个框架比较火?

这份结果也在意料之中,Express 依旧是绝对的霸主,Koa 也毫不示弱,不过小编强烈推荐大家关注下 Hapi,个人挺喜欢。而且它丝毫不逊于 Meteor,主要是作者太低调,相信明年能进前三。

按照惯例,我们来看看国内的情况:

有意思的是在国内 Express 低于平均水平(蓝色表示低于全球平均使用),而 Koa 使用度更高,不过样本还是不多,只有 125 个。

对于 Node,js 学习者来说,把握大方向即可,主流的一方面企业用的也多,而且遇到问题你能找到解决方案的概率也大。

再来看看前端测试

这个就看图不多说话了,小编就提一下 Jest,只要 React 继续领跑,Jest 应该还会继续上升。而且前端测试会越来越重要。不过在国内,Jasmine 的使用度相对会低,而且小编觉得明年会更低。

别忘了 CSS

这里面值得看两个:一个就是裸写 CSS 的还是很多的;另外一个就是 CSS in JS 小编觉得明年会更热。

小编,到底什么时候轮到 Webpack?

来了来了,下面就是关于 构建工具 的:

依旧没什么悬念,不过小编觉得,明年说不定 parcel.js 会上榜,而且未来 native module 和 HTTP2 也一定会得到更多的使用。

其他工具

还有其他工具的调查,比如:

  • 在包管理器方面,yarn 使用的人要多余 npm
  • lodash 使用的人依旧很多,紧随其后的是 jQuery
  • 编辑器方面,VSC 绝对优势领跑,后面是 Atom,紧随其后的是 Sublime Text
  • 代码校验方面,eslint 绝对的霸主地位,Prettier 排名第二
  • 另外,Electron 发展迅猛

好了,这份调查就讲解到这里了,希望一方面这份结果能够让你对 2017 年 JavaScript 各方面最新技术有个大致的了解,另外如果你是一名正在学习 JavaScript 技术的同学,也能够有个大致的方向。

总之,能够帮到你就行啦!好了,本期就到这里了!我们下期再见咯!

关注「jscourse」微信公众号获取更多 JavaScript 学习课程和资料!


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK