前端框架现状调查

摘要:
为了了解整个前端开发社区的当前知识和使用水平,他发起了一项针对前端开发人员的调查。这些问题涉及CSS、“任务执行器”、JavaScript和其他方面。在Ashley的调查中,有两个关于CSS预处理和后处理工具的问题。在对前端开发人员当前JavaScript知识水平的调查中,能够熟练使用jQuery的受访者最多,比例为91.5%,这一比例远高于其他框架,没有人不知道这个框架,这并不奇怪。

转自:前端框架现状调查

       Ashley Nolan是来自英国食品速递公司JUST EAT的一名资深Web UI工程师。为了了解整个前端开发社区当前的知识和使用水平,他发起了一个面向前端开发人员的调查,问题涉及CSS、“任务执行器(Task Runner)”、JavaScript等方面。前期,他收到了649份回复。近日,参与者数量达到了1044。因此,他重新修正了前期的统计分析结果,不过总体而言变化不大。

  在Ashley的调查中,有2个问题是关于CSS预处理后处理工具的。调查显示,使用Sass作为CSS预处理工具的受访者最多,占66%,使用Less的次之,占13.41%,还有一小部分受访者(4.21%)使用Stylus。另外,有13.5%的受访者在编写CSS时不使用任何CSS预处理工具。对于后处理工具PostCSSRework,能够“熟练使用(Feel Comfortable Using)”的受访者比较少,前者为8.91%,而后者仅有0.86%。特别是Rework,有75%的受访者都没有听说过。Ashley认为,这反映出CSS后处理对前端开发人员而言是一个非常新的领域。

  有4个问题同JavaScript有关,涉及JavaScript库和框架、模块打包器及测试等三个方面。在有关前端开发者当前JavaScript知识水平的调查中,不出所料,能够熟练使用jQuery的受访者最多,比例高达91.5%,远远高于其它框架,而且没有人不知道这个框架。能够熟练使用UndercoreAnjularJSBackboneReact等框架的受访者也比较多,比例分别为38.6、28.5%、18.6%、15.7%。EmberPolymerKnockout等框架也可以说是广为人知,但能够熟练使用的受访者占比仅为个位数。关于JavaScript库,Ashley后来追加了一个问题,“在大多数项目中,你使用什么JavaScript库或框架?”jQuery以极大的优势成为使用最多的框架,占比为56.53%,AnjularJS排名第二,占比为15.42%,其它框架占比均低于10%。值得一提的是Backbone,仅占2.36%。另外,有11.13%的受访者不使用任何JS框架,他们仅使用本地JS。

  谈及JavaScript模块打包器,总共有将近一半(48.47%)的受访者使用模块打包器管理管理JavaScript中的依赖关系,其中17.7%的使用Browserify,13.6%的使用RequireJS,11.5%的使用Webpack。在JavaScript测试方面,58.91%的受访者不使用任何工具辅助JavaScript测试。在受访者使用的JavaScript测试工具中,MochaJasmine使用最多,占比分别为15.42%和15.23%。

  另外,Ashley还调查了“任务执行器(Task Runner)”的使用情况。从NPM的下载统计看,GruntGulp的每月下载量相差不大,一个为145万次,一个为134万次。但调查结果多少有些出人意料,46.74%的受访者更喜欢使用Gulp,而Grunt的这一数据仅为26.25%。此外,17.2%受访者表示,他们根本不使用任务执行器。不过,总的来说,大部分前端开发人员都认识到了,使用此类工具可以很好地在项目和团队之间保持一致。

  最后一个问题是关于包和工作流管理。大部分受访者都可以熟练使用NPMBower,相比之下,大部分受访者根本没有听说过Ender。另外,Yeoman在Ashley看来是最有用的工具之一,但只有22.13%的受访者可以熟练使用,他认为这个比例太低了。

  对于上述结果,Ashley认为,一方面,在前端开发领域,前端工具的使用率已经相当高。CSS预处理后处理工具、JavaScript模块打包器或者任务执行器是前端开发人员工具库的重要组成部分;另一方面,JavaScript测试工具的使用还比较少。

免责声明:文章转载自《前端框架现状调查》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇iframe中positioin:fixed失效问题ubuntu 18.04安装PIL(Python Imaging Library )下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前端框架Vue自学之Vue组件化开发(三)

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue组件化开发) 内容:通过官网说明,掌握Vue组件化开发。 正文: Vue组件化开发 一、认识组件化 1、什么是组件化? 任何一个人处理信息的逻辑能力都是有限的,所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但...

React 还是 Vue: 你应该选择哪一个Web前端框架?

2016年,React在Web端和移动端都实现了迅速的成长,稳稳地领先于其主要竞争对手Augular,巩固了其作为前端框架之王的地位。 但是Vue在这一年里的表现也可谓同样的耀眼。Vue.js 2.0 的发布在整个JavaScript社区都引起了巨大反响,这一点仅从它在Github中涨了25,000颗star,就足以得到证明。 不得不说React和Vue...

带你由浅入深探索webpack4(一)

 相信你或多或少也听说过webpack、gulp等这些前端构建工具。近年来webpack越来越火,可以说成为了前端开发者必备的工具。如果你有接触过vue或者react项目,我想你应该对它有所了解。 这几天我重新整理了一下webpack中知识点,把一些常用到的总结出来,希望能帮助到大家以及加深自己对webpack的理解。 (由于我在写这篇文章的时候webpa...

Vue 技能进阶:使用设计模式写出优雅的前端代码

为什么提出这个复杂的问题? 在我们的应用程序中有一个顶栏,其中包含各种按钮、一个搜索栏和其他一些控件。 它显示的内容根据你所在的页面略有差异,因此我们需要一种按页配置它的方法。 为此,我们希望每个页面都能配置顶栏。 看起来很简单,但这里有一个问题:这个顶栏(我们称之为 ActionBar)实际上是主布局骨架的一部分,它长成这样: <templat...

前端跨域

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。也就是说如果协议,域名,或者端口有一个不同就是跨域。 那么为什么要用跨域? 其实是因为浏览器出于安全考虑,我们都知道浏览器有同源策略。如果没有同源策略的情况下,A网站可以被任意来源的Ajax访问到内容,如果当前A网站还处于登录态,那么对方就可以通过Ajax获得A网站的任何消息。当然跨域可以用来房子CS...

Web前端开发工程师编程能力飞升之路

【背景】 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧; web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有...