[译] 2019 前端工具调研

简介: 自从去年结果公布,我们使用前端工具的习惯发生了什么变化?

原文地址:Launching the Front-End Tooling Survey 2019
原文作者:Ashley Watson-Nolan
译文出自:掘金翻译计划
本文永久链接:github.com/xitu/gold-m…
译者:EmilyQiRabbit
校对者:xingqiwu55555,Mcskiller


自从去年结果公布,我们使用前端工具的习惯发生了什么变化?
image.png

和往年一样,本年度调研的目的也很简单。是为了了解整个行业中,常见前端工具现有的知识和使用水平。
所以在 2019 年,哪些工具位居榜首呢?

️ 现在我们开始本年度调研

我非常感谢你能抽出时间来参与。每一份回答都能为前端社区提供一份更有代表性的样本。

去年调研结果概述

去年,5461 名前端研发花时间回答了 24 个关于不同前端工具的问题。
所以在这些回答中,可以发现什么主流工具呢?

React 和 Vue.js 的使用量激增

受访者回答了三个关于 JavaScript 库和框架的问题。这些问题都和他们对这些工具的了解和使用有关,并且还涉及他们是否认为这些库和框架是前端项目的必需品。
React 和 Vue.js 在前端领域获得了巨大进步。事实上,从与前一组结果的变化来看,React 第一次被认为是前端工具中最必要的 —— 它将 jQuery 从第一的位置踢走 —— 几乎三分之一的受访者是这样回复的(28.47%)。
jQuery 在前端工具里跌落到了第三的位置,位于那些声明他们不认为任何库和工具是必需的的工具之后。Vue.js 是第四名,在 2016 到 2018 年间,它从 3.01% 增长到了 10.21%。

image.png

就这些工具的知识水平而言,jQuery 依旧是大多数受访者觉得使用起来很舒适的工具(79.73%)。但是,这个指标第一次出现了下跌,与上次调研相比,跌落几近 7%。对比而言,40.43% 的受访者对 React 有相同看法,同时增长了 12.30%。
使用特性也出现了类似的趋势,当受访者被问及他们在当前的项目中最常用的框架的时候,React 和 Vue.js 分别增长了 47.39% 和 22.94%。与 2016 年的调研相比,增长了 10.48% 和 13.59%。jQuery 则正好相反,它的用量跌落了 19.20%,尽管如此它依旧险居首位,51.05% 的受访者说他们依旧频繁的使用它。

image.png

总的来说,这些问题的趋势清晰的反映出了 jQuery 的使用看起来是稍有衰减,开发者认为它是工作流中不那么重要的工具了。另一方面,在同一时期内,React 和 Vue.js 的使用和知识水平则飞速上升。

CSS-in-JS 工具用量稳定增长

觉得使用 CSS-in-JS 解决方案很舒适的开发人员的数量,是去年结果 19.92% 的两倍。显然,更多的开发者在寻找能帮助他们在构建组件的时候封装样式的工具。
尽管这个比例只占受访者的五分之一,但是它却有上升的趋势,今年的结果更值得关注。

CSS Grid 的采用取得了良好的进展

CSS 的布局功能在过去的几年中取得了巨大的飞跃。如果你想要躲开 flexbox 和 CSS Grid 相关的新闻和教程,你只能到山洞里去生活了。

去年的结果显示,这些特性在开发者中被广泛的采用。一大部分开发者(67.59%)说,他们觉得使用 flexbox 非常顺手。对比而言,只有 18.48% 受访者同感于 CSS Grid,但是这个数字已经很高了,因为浏览器支持 CSS Grid 的时间远远比 flexbox 短。如果包含进那些表示至少有过一点点 CSS Grid 使用经验的受访者,这个比例将上升至 62.41%。

查看完整结果

如果你有兴趣知道去年调研的所有数据,可以在这篇关于 2018 完整调研结果的文章中查看。

看看上述这些趋势和特性在另一年中如何发展,真是件很有趣的事情呢。

本年度有什么新鲜事

在尽力保持调研的简洁性的同时,考虑到去年受访者的反馈,我们又添加了几个新的问题。

随着 CSS-in-JS 工具的增长 —— 正如在 2018 年结果中显示的那样 —— 本年度的调研专门提出了一个关于这类工具的问题。

另外,还有几个新的问题专门调研开发人员目前正在使用哪些有关性能和兼容性的工具以及功能。

由于去年很多人提出了要求,所以我也将会发布一份整理好的调研反馈数据集(匿名)。它将也包括前三年的反馈数据。

参加本年度调研

这些已经足够了 —— 快来参加今年的调研吧!
调研将在四月底关闭,结果将会很快公布。如果你想要知道具体时间,可以 在 Twitter 上关注我或者在调研的最后留下你的邮箱地址。结果相关的文章公布后,你将第一时间收到链接。
调研的总结文章也会在 Medium 这里发布。


作者:Yuqi
链接:https://juejin.im/post/5cb800fce51d456e4514f550
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

目录
相关文章
|
JavaScript 前端开发 测试技术
深入调研了微前端,还是iframe最香(二)
深入调研了微前端,还是iframe最香
726 0
深入调研了微前端,还是iframe最香(二)
|
前端开发 JavaScript 安全
深入调研了微前端,还是iframe最香(一)
深入调研了微前端,还是iframe最香
344 0
|
JSON 运维 前端开发
lowcode 低代码前端框架 amis 调研
所谓低代码开发,即无需编码或只需少量代码就可以快速生成应用程序。也就是说,企业的应用开发通过“拖拉拽”的方式即可完成。
lowcode 低代码前端框架 amis 调研
|
前端开发 数据挖掘
前端图片合并方案调研
通过产品线数据分析,发现70%左右的图片为小于300K的图片,50%左右为小于100K的图片,因此调研前端图片合并方案是否有利于提高图片批量上传速度。之前做过的前端ZIP方案也是类似的思路。
253 0
|
移动开发 前端开发 JavaScript
指尖前端重构(React)技术调研分析
重构前的技术文档调研与分析,包括技术选型为什么选择react,应用过程中的注意事项等。
|
前端开发 容器 JavaScript
响应式方案调研及前端开发管理思考
网易首页实现页面(字体)响应式风格的方式是在不同尺寸的视口中使用不同的容器类,如图 1所示。当视口大于等于1420px时,使用大尺寸容器类 (index2017_1200_wrap,width: 1200px),当视口小于 1420px时,使用小尺寸容器类(index2017_960_wrap,width: 960px)。
1799 0
|
14天前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
|
14天前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
30 0
|
14天前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
14天前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。