2016前端开发者调查结果

时间:2022-05-07
本文章向大家介绍2016前端开发者调查结果,主要内容包括最流行的JS库和框架、JS模块绑定器、JS Linting 代码检验、JS 单元测试、CSS 处理器、CSS Linting 代码检查、CSS的主流方法论和工具、小结、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

最流行的JS库和框架

主要看绿色柱和橙色柱即可,绿色 相当于 知名度橙色 相当于 使用程度

使用最多的库和框架:

jquery,underscore,lodash,angular1,react

他们可以说是前端开发者的必备技能了。

再看下使用程度不高,但知名度高的,主要有:

angular2,ember,polymer,vue.js,meteorjs,knockout

他们还没有被普遍应用,但很受关注,代表了技术趋势,可以了解一下。

JS模块绑定器

从图上看,主要有3部分:

  1. webpack
  2. don't use 不使用
  3. browserify

模块化的JS开发方式越来越流行,今年已经有三分之二的人在使用 Module Bundler,只有三分之一的人还没使用,don't use 这部分较 2015 的调查结果下降了 21.75%

Module Bundler 中用的最多的是 webpack,他发展很快,今年已经第一,并且较 2015 年提升了 31.11%

JS Linting 代码检验

可以看到,JS的代码质量已经很受重视,77% 的人都使用了检查工具。

其中 eslint 普及度最高。

JS 单元测试

在单元测试方面,用与不用的人数差不多,但趋势是越来越多的人开始做单元测试,don't use 这部分比 2015 年下降了 12%

测试框架普及度最高的是 mocha,其次是 jasmine

CSS 处理器

CSS Processor 几乎已经成了标配,只有 13% 的人没使用。

sass 已经占据了绝对优势。

CSS Linting 代码检查

目前是不检查的人数多,CSS linting 相对比较年轻,但趋势是上升的。

CSS的主流方法论和工具

前三名:

1)Autoprefixer

解析CSS文件并且添加浏览器前缀

2)BEM

一种 CSS Class 命名方法,用来更好的创建CSS/Sass模块

3)Modernizr

用于检测用户浏览器的 HTML5 与 CSS3 特性

小结

这个调查结果对于我们的学习和实际应用有一定的参考作用,而且从中可以看到,前端开发的工程化程度越来越高了,大家已经普遍认识到模块化、代码质量等的重要性。

调查结果的原地址:

https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results

其中有19项调查结果,有兴趣的朋友可以仔细看一下。