首页 >>  正文

前端angular

来源:baiyundou.net   日期:2024-09-20

整理 | 苏宓出品 | CSDN(ID:CSDNnews)

诞生于世纪之交的 JavaScript,经历了 27 年的发展,已成为当今世界上最受开发者欢迎的编程语言之一。

近日,stateofjs.com 网站正式发布了《2022 年 JavaScript 年度调查报告》,该报告调查了近 4 万名开发者,调研对象数量是去年的两倍。而之所以如此大规模地调研,是因为 JavaScript 稳居行业多年,以至于不少人开始质疑其真实的发展现状。

譬如,Solid、Qwik 这样新的前端框架迅速崛起,性能直逼原生 JavaScript,更有不少网友直呼:这才是我理想中的 React;在服务器端,Astro、Remix 和 Next.js 框架让很多开发者正在重新思考我们到底需要向客户端发送多少代码。JavaScript 生态的发展正在悄然之间发生了很多的变化,包括一些功能在认识度和使用率方面出现了下滑的趋势。

为了更进一步全面地了解 JavaScript 的工具与框架发展,我们也将深度解读最新的报告内容,希望对大家有所裨益。

JavaScript 开发者越老越吃香

众所周知,任何能够用 JavaScript 实现的应用,最终都必将用 JavaScript 实现。正因此,它是 GitHub 等代码托管平台中项目最常用的语言之一。

使用一门技术越久越吃香,在 JavaScript 身上体现得淋漓尽致。根据调查数据显示,拥有 10 年以上 JavaScript 经验的开发者越有可能获得高薪,其中,具有 20 年以上经验的 JavaScript 开发者获得 10-20 万美元(人民币约 67 万—135 万元)的占比最高,为 40%,获得大于 135 万元报酬的受访者占比 14%。

拥有 5 年以下开发经验的受访者,薪资都在 5 万美元(人民币约 34 万)以下以下。

中国 JavaScript 开发者薪酬在 20 万-34 万元,占比最高

今年报告覆盖了全球多个国家,美国 JavaScript 开发者人数最高,占比 11.9%。中国参与调研的开发者占比 0.8%。

开发者群体以年轻人为主力军,24-34 岁的开发者占比最高,达 36.5%。

美国 JavaScript 开发者薪酬集中在 100k-200k 美元(人民币约 67万—135万元),占比 53.2%。50k-100k 美元((人民币约 34万—67万元))的受访者占比排名第二,为 16.9%。其次,掌握 JavaScript 获得高薪的程序员所处的国家分别是以色列、瑞士、澳大利亚、挪威。

中国 JavaScript 开发者获得 30k-50k 美元(人民币约 20万—34万元)的人数最多,占比 24.2%。

WebAssembly 辉煌不再?

在技术层面,官方给出了这样一则评价,「JavaScript 技术可能发展得很快,但似乎 JavaScript 开发者更能与时俱进,因为许多相对较新的功能已经显示出很高的采用率了。」

该报告将 JavaScript 生态划分了语言、浏览器 API、其他功能特性三个类别进行了调研。下图中的外圈尺寸代表了了解这个特性的用户数量,内圈尺寸代表了实际使用这个特性的用户数量。

具体来看,在语言维度上,最常用的技术是 Nullish Coalescing,占比高达 81.7%,用户量每年也在迅速增长。其次是 Top level await()、String.prototype.replaceAll(),分别占比 67.5% 和 64.6%。

在浏览器 API 上,WebSocket 使用率最高,占比 66.5%。不过,该技术的用户量逐年递减。其次最常用的 API 包括 Shadow DOM、Service Workers。

在其他功能特性上,过去一年,很多人并不再看好 WebAssembly 的发展,甚至经常在云中,将其与 K8s 做对比。此前 HTTP Archive 发布的 2022 年 Web 技术报告显示:“WebAssembly 的应用还不够广泛,我们并没有发现使用量的增加,反而看到了小幅收缩。”根据最新的调查数据显示,事实确实如此,WebAssembly 当前的使用率为 20.1%,用户量并不算高。不过,使用的它的开发者数量每年有所上升。

React 上行,Angular 下行

下图显示了 2016-2022 年 JavaScript 生态中的技术演进发展路线,较高的点表示更多的人在使用该技术,较右边的点意味着更多的受访者想要学习它或者已经使用过且还会再次使用。

整体而言,不难看出,近 6 年间,前端框架、Rendering Frameworks、测试工具、移动端和客户端、构建等工具发展得非常迅速。

以 React 为例,2016-2019 年是 React 的上升期,其用户量呈指数级上涨。不过在 2020 年之后,开发者对 React 的热情逐渐消减。

当谈及前端框架时,很多人第一反应便是 React、Angular、Vue.js 三剑客。不过当前,三剑客虽然还在,但是它们三个却往不同的方向前进。

根据下图显示,React 用户粘性最强,有 57% 的受访者表示“用过这个技术,以后还会再用”,其次满意度最高的便是 Vue.js。

与前两者形成鲜明对比的是,开发者逐渐对 Angular 表示不满,有高达 24% 的开发者称,“用过这个技术,以后不会再使用”,还有 34% 的受访者直接表示对这个技术不感兴趣。

事实上,老牌工具的衰落,一定程度上彰显了新技术的崛起。在前端框架领域,Solid、Svelte 使用率上涨,满意度排名第一和第二位。

另外,在跨平台工具上,老牌的跨平台桌面应用开发工具 Electron 满意度下滑严重,相比 2017 年 92.8% 的满意度,现在只有 74.8% 的受访者对其满意。

相反,原生开发越来越受欢迎。同时,2021 年发布的 Tauri 得到了 91.7% 开发者的支持。

近两年间,JavaScript 构建工具层出不穷。Parcel、tsc CLI、Rome、Snowpack、SWC、esbuild、Vite 等都是近两年新诞生的工具。不过在满意度上,新工具后来居上,Vite、esbuild、SWC 分别排在 Top 3 位置。

Vite 摘得三个奖项桂冠,成为开发者最常用、最满意、关注度最高的技术

报告还根据开发者对代码库的满意度进行了排名,其中满意度是指“会再次使用这个库的人数”(注:使用率不到 10% 的代码库不包括在内)。

值得关注的事,Vite 是尤雨溪于 2019 年重磅推出的下一代前端开发和构建工具,它的插件 API 和 JavaScript API 带来了高度的可扩展性。根据最新数据显示,Vite 以 98% 的满意度当选开发者最想要使用的工具框架。

与此同时,stateofjs.com 网站还评选出今年 JavaScript 技术的一些奖项。意料之中,Vite 成为最大的亮点,其包揽了三个奖项,分别是采用最多的技术、最高满意度、最受关注。

另外,top-level await 以 26.4% 的占比获得开发者“采用最多的特性”奖项。Astro 是受访者提及最多的项目,Private Fields 获得“最多评论”奖项;React 是最受热议的库。

写在最后

「一日不学十日空」,用以形容 JavaScript 的变化虽有些夸张,但是并不为过。因为,近五成开发者觉得 JavaScript 生态系统变化得太快了。

对于开发者而言,JavaScript 最难的三个痛点分别是代码架构、管理依赖项、状态管理。

目前 JavaScript 最缺少的功能是:Static Typing、标准库、更好的 Data Management。

当然,不少受访者也希望在未来看到 JavaScript 更完善的生态与功能。

对于过去一年 JavaScript 的发展,来自 Google 的工程和网络基础设施总监 Sarah Drasner 总结道,「JavaScript 和 TypeScript 比以往更有活力。」

其表示,“当我们看到像 React、Angular 或 Vue 这样的成熟框架满意度下降时,很多人很可能会思考这对未来意味着什么。我相信,这种下降趋势是工具在生产中被测试和使用的真实体现。这是一个成熟的标志,也是对这些工具所能提供的清晰认识。他们还将从该领域的创新中学习并继续发展。

最后,我非常高兴地看到 Vite 连续第二年获得了奖项,其开发和服务技术确实正在取得巨大的进步,我们都从这一艰苦的工作中受益。好样的!”

想要了解更多 JavaScript 技术现状,可查看完整版报告内容:https://2022.stateofjs.com/en-US/

《2022-2023 中国开发者大调查》重磅启动,欢迎扫描下方二维码,参与问卷调研,更有 iPad 等精美大礼等你拿!

","force_purephv":"0","gnid":"926f0064f9bbfd4be","img_data":[{"flag":2,"img":[{"desc":"","height":"80","s_url":"https://p0.ssl.img.360kuai.com/t0186957a1ca5352752_1.gif","title":"","url":"https://p0.ssl.img.360kuai.com/t0186957a1ca5352752.gif","width":"640"},{"desc":"","height":"348","title":"","url":"https://p0.ssl.img.360kuai.com/t015bf456f5678ebd13.jpg","width":"713"},{"desc":"","height":"559","title":"","url":"https://p0.ssl.img.360kuai.com/t01db90fb29b26a45d4.jpg","width":"1080"},{"desc":"","height":"350","title":"","url":"https://p0.ssl.img.360kuai.com/t012f3b61bcf2521e3d.jpg","width":"1080"},{"desc":"","height":"297","title":"","url":"https://p0.ssl.img.360kuai.com/t01d665ec4089b0e5da.jpg","width":"1080"},{"desc":"","height":"725","title":"","url":"https://p0.ssl.img.360kuai.com/t01efbdce4fbf7c8438.jpg","width":"1080"},{"desc":"","height":"317","title":"","url":"https://p0.ssl.img.360kuai.com/t0117dff61f811ef8a9.jpg","width":"1080"},{"desc":"","height":"347","title":"","url":"https://p0.ssl.img.360kuai.com/t01726b76181924fe3f.jpg","width":"1080"},{"desc":"","height":"356","title":"","url":"https://p0.ssl.img.360kuai.com/t0103b8a6fd5657bb16.jpg","width":"1080"},{"desc":"","height":"558","title":"","url":"https://p0.ssl.img.360kuai.com/t01a1cc7a6b1048c2af.jpg","width":"1080"},{"desc":"","height":"520","title":"","url":"https://p0.ssl.img.360kuai.com/t01ccdd7af83f51121a.jpg","width":"1080"},{"desc":"","height":"441","title":"","url":"https://p0.ssl.img.360kuai.com/t01e8a081a528d4e8cc.jpg","width":"1080"},{"desc":"","height":"449","title":"","url":"https://p0.ssl.img.360kuai.com/t01103debcc6cb71f8d.jpg","width":"1080"},{"desc":"","height":"430","title":"","url":"https://p0.ssl.img.360kuai.com/t01b33c9b55bf03c333.jpg","width":"1080"},{"desc":"","height":"468","title":"","url":"https://p0.ssl.img.360kuai.com/t01a1497816bd897b6a.jpg","width":"1080"},{"desc":"","height":"493","title":"","url":"https://p0.ssl.img.360kuai.com/t01c38a4befbe56d46e.jpg","width":"1080"},{"desc":"","height":"596","title":"","url":"https://p0.ssl.img.360kuai.com/t01fa2b64f3c8ae4cff.jpg","width":"1080"},{"desc":"","height":"579","title":"","url":"https://p0.ssl.img.360kuai.com/t0181ba9f30e0cd13ef.jpg","width":"1080"},{"desc":"","height":"376","title":"","url":"https://p0.ssl.img.360kuai.com/t01860bbc649f6fd652.jpg","width":"1080"},{"desc":"","height":"364","title":"","url":"https://p0.ssl.img.360kuai.com/t01b7e08c1fccc7b298.jpg","width":"1080"},{"desc":"","height":"356","title":"","url":"https://p0.ssl.img.360kuai.com/t01928fc4208a767a4b.jpg","width":"1080"}]}],"original":0,"pat":"zzc,art_src_1,sexf,sex8,sexc,disu_label,fts0,sts0","powerby":"hbase","pub_time":1673525649000,"pure":"","rawurl":"http://zm.news.so.com/262dc44931fc521243079177a6132c1b","redirect":0,"rptid":"6ab4e5ebe7cb4c5c","s":"t","src":"CSDN","tag":[{"clk":"ktechnology_1:java","k":"java","u":""}],"title":"中国开发者薪酬集中在 20万-34万元、Vite 爆火、Angular 下行,最新 JavaScript 年度报告重磅发布!

师邱有2974angularjs是java开发的吗 -
褚叙飘13961496680 ______ 是的,属于java的前端范畴1 如果做GUI的图形开发,那么不需要!2 如果只做后台开发,那么不需要3 如果做前台的页面开发,那么非常需要

师邱有2974Angular2 相比 Vue 有什么优势 -
褚叙飘13961496680 ______ 1. Angular2 由 Google 主导,而 Vue 由个人主导.并不是说能力方面,但考虑到个人的经费和精力等多方面原因,团队项目要比个人项目在多方面因素上更为靠谱.2. Angular2 旨在提供通用的【前】端方案,而 Vue 仅专注于 Web.作为框架而...

师邱有2974nodejs 和angularjs有什么关系,angualr是前端的东西,为什么需要Nodejs -
褚叙飘13961496680 ______ angular用nodejs主要是用它的npm工具包,npm里面有很多很方便的工具可以用在前端开发,例如- 合并js,css- 压缩js- 压缩图片- 生成js的source map- 编译 less 成css- 运行测试unit test- Grunt, Gulp任务管理,自动化上面所有的任务

师邱有2974nodejs 和angularjs有什么关系,angualr是前端的 -
褚叙飘13961496680 ______ node.js是用于服务器端,做后台程序的.AngularJS是前端框架,主要用于数据绑定,不需要安装,只要在标签导入就能用了.

师邱有2974Angularjs 与nodejs 前后端分离有什么不同 -
褚叙飘13961496680 ______ AngularJS是前段的基于JS的MVC框架,NodeJS是服务端的JS框架,并不存在前后端分离的问题.简明的解释是使用NodeJS作为服务端的时候前端不是必须用angularJS的,同样angularJS也可以搭配PHP,Java等服务端语言使用.所以 AngularJS+NodeJS只是多对多组合中的一种选择,不是唯一的方案.

师邱有2974如何评价ionic和react native -
褚叙飘13961496680 ______ 我理解的是,reactjs是给了前端开发人员一个使用js开发原生应用的机会,提供了一套各个平台通用的语法结构api等等,使前端开发人员可以使用现有的知识进行移动平台APP的开发,是使用相同的知识进行 不同平台的开发,也就是你要为ios...

师邱有2974React 和 Angular 各有什么优缺点,各自又适合什么开发场景 -
褚叙飘13961496680 ______ Angular.js 首先Angular的背后是Google(难道这就是官网被墙的原因?),所以社区基础是不用担心的,整个生态也已经是非常的完整了,从最基本的Tutorial到StackOverflow的问题数到框架本身的剖析都有非常非常多,所以从这个角度看起来...

师邱有2974饿了吗是用angularjs开发的吗 -
褚叙飘13961496680 ______ 是的.未来的发展趋势是前端后端只靠json数据来进行通信:后端只处理和发送一段json数据到前端,然后计算和模板渲染都在前端进行.而前端的改动后,形成json数据然后传回到后端.未来趋势就是:后台程序再也不做模板的任何处理 ...

师邱有2974前端开发月薪2万多不多,需要什么条件呢? -
褚叙飘13961496680 ______ 前端工程师主要是指完成页面制作.现在前端工程师更偏向于全栈,不光是前端,后端也需要进行了解.下面的步骤就是学习路线,应该学习哪些内容,具体内容后面的经验会分享,也可以加入我的学习交流群获取相关资源.第一部分:HTML...

师邱有2974如何实现在render完成后执行一些必要的操作 -
褚叙飘13961496680 ______ AngularJs是Google开源的前端JS框架.使用AngularJs, 我们能够容易地、健壮的开发出类似于Gmail一样的单页Web应用.AngularJs这个新兴的MVC前端框架,具有以下特点: MVC, 模块化,自动化双向数据绑定,语义化标签、依赖注入...

(编辑:自媒体)
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图 @ 白云都 2024