热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

2022前端领域的新变化

大厂技术高级前端Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群vue3步入成年期想必大家看到了Vue3将在2022年2月
大厂技术  高级前端  Node进阶

点击上方 程序员成长指北,关注公众号

回复1,加入高级Node交流群

vue3步入成年期

想必大家看到了 "Vue 3 将在 2022 年 2 月 7 日成为新的默认版本!" 的新闻了,目前各个大厂都有团队开始在新的项目上使用 Vue 3 ,许多活跃的小公司也纷纷加入行列,这预示着 Vue 3 已经开始步入了成年期,2022年 Vue 3 在前端的占有率将越来越高,或许在大厂中都会与 React 持平,打破 "大厂只用 React" 的局面。

各位还没学Vue3的小伙伴们赶紧学起来吧

Vue 团队感觉也不甘于只做渲染框架了,有全面重塑前端开发设施的趋势,先是 vite 打包工具,现在是 vitest 测试工具,再往后是 linter,formatter,包管理工具,node?目前不得而知。

esm & esmbuild 是趋势

虽然目前 webpack 还保持着他的霸主地位,但是 esmbuild 太快了,这一点对很多项目吸引太大了,一个 30 min 的 webpack 用 esbuild 可以分钟级运行,这得益于新的 ESM 规范,esmbuild 可以说是 esm 规范诞生以来最具有价值的项目。node、electron 等也都在积极的推进。

vite 完美的继承了 esmbuild 的 "快",预计 2022年 webpack 也会在性能方面做出较大的更新,以此来稳固他岌岌可危的地位。但是没办法 webpack 慢的名声已经在外了,不过本质上这事儿跟慢不慢也没必然关系,大家都在为 esm 和 bundless 做准备。

新的编辑器 fleet

IED 霸主 JetBrains 发布了新的编辑器 fleet,fleet 诞生的目的看似是为了对标 VsCode,意图垄断整个 IDE 商场。但是我认为 fleet 不一定能代替 VsCode 的地位,至少短期内肯定不行。虽然 jb 作为老牌 IDE 厂商,但是 VSCode 的全明星阵容(electron + monaco editor + xterm.js)+开源开发模式可不是抄抄就能赶上的,何况electron + monaco editor + xterm.js都有核心成员在 VSCode 团队,不过还是期待 fleet 能给编辑器的战场带来点新气象。

rust

2021年年末前端圈子明显感觉 rust 的存在感变强了, 2022 年存在感应该还会更强。主要是 2021 下半年很多前端构建工具都有人在用 rust 重写,像Webpack、Babel、Terser、Prettier、ESLint 这些前些年才流行起来的工具都已有了 Rust 替代方案,且性能有着 10~100 倍的提升。

但是在短期内应该还不会像想象的那样普及(桌面端有 tauri 所以要另说)。并非说它不会成功,而是说真正面临计算密集型任务的前端工程师,实际上大都集中在几个小圈子里。导致 rust 在前端可能会变成那种人人嘴上有,人人手里无的技术。

搞得我也不得不卷起来,准备学 rust 去了

低代码

2021 年我在百度看到的是,低代码平台的建设已经非常成熟,需求只需要拖拽卡片或者配置一下字段即可完成,甚至都不需要开发的介入。

随着大厂把搭建体系开源,低代码搭建系统会越来越普及化,这将大大的减少开发的人力需求,也意味着只会写写简单页面的程序员将更难找到工作,近两年来市场的初级前端已经比较饱和,企业更需要的是高尖人才。

预计 2022 年低代码可能会尝试接管项目生命周期中的更多环节,并尝试提出一些行业级的互通标准。在做深有瓶颈的情况下,先尝试做广。

Threejs 又火起来了

最近Threejs翻红了,WebGPU也有火的趋势,主要原因是因为VR、AR、元宇宙等热点。个人建议不要盲目跟随,毕竟术业有专攻,保持好前端技术敏感性,根据公司业务发展再做定论。

作者并不熟悉可视化的领域,怕出笑话就不多说了

Javascript稳如老狗

在 GitHub 给出的 2021 年报告中可以看出 Javascript 依然保持着第一名的地位,TypeScript 也遇到强敌 Java,排名并无变化。

7e6f8ebdc958e7365c148df4c6020ed0.png
dc79e66e132b1d69e8a72340927c2fb3.png

虽然随着Vue3 的发布,TypeScript 在前端的占有率越来越高,但是预计 2022 年TypeScript 可能还是无法超过 Java 这个后端霸主。

Node 社群我组建了一个氛围特别好的 Node.js 社群,里面有很多 Node.js小伙伴,如果你对Node.js学习感兴趣的话(后续有计划也可以),我们可以一起进行Node.js相关的交流、学习、共建。下方加 考拉 好友回复「Node」即可。如果你觉得这篇内容对你有帮助,我想请你帮我2个小忙:1. 点个「在看」,让更多人也能看到这篇文章2. 订阅官方博客 www.inode.club 让我们一起成长点赞和在看就是最大的支持❤️


推荐阅读
  • rust编程这篇文章是关于我通过解决Twitch上尚未解决的所有CtCI问题来学习Rust的经验。英国科学博物馆集团AdaLovelace的肖像Rust徽标,由Moz ... [详细]
  • 本文介绍了如何使用Express App提供静态文件,同时提到了一些不需要使用的文件,如package.json和/.ssh/known_hosts,并解释了为什么app.get('*')无法捕获所有请求以及为什么app.use(express.static(__dirname))可能会提供不需要的文件。 ... [详细]
  • 嵌入式处理器的架构与内核发展历程
    本文主要介绍了嵌入式处理器的架构与内核发展历程,包括不同架构的指令集的变化,以及内核的流水线和结构。通过对ARM架构的分析,可以更好地理解嵌入式处理器的架构与内核的关系。 ... [详细]
  • VSCode快速查看函数定义和代码追踪方法详解
    本文详细介绍了在VSCode中快速查看函数定义和代码追踪的方法,包括跳转到定义位置的三种方式和返回跳转前的位置的快捷键。同时,还介绍了代码追踪插件的使用以及对符号跳转的不足之处。文章指出,直接跳转到定义和实现的位置对于程序员来说非常重要,但需要语言本身的支持。以TypeScript为例,按下F12即可跳转到函数的定义处。 ... [详细]
  • 基于移动平台的会展导游系统APP设计与实现的技术介绍与需求分析
    本文介绍了基于移动平台的会展导游系统APP的设计与实现过程。首先,对会展经济和移动互联网的概念进行了简要介绍,并阐述了将会展引入移动互联网的意义。接着,对基础技术进行了介绍,包括百度云开发环境、安卓系统和近场通讯技术。然后,进行了用户需求分析和系统需求分析,并提出了系统界面运行流畅和第三方授权等需求。最后,对系统的概要设计进行了详细阐述,包括系统前端设计和交互与原型设计。本文对基于移动平台的会展导游系统APP的设计与实现提供了技术支持和需求分析。 ... [详细]
  • 如何使用PLEX播放组播、抓取信号源以及设置路由器
    本文介绍了如何使用PLEX播放组播、抓取信号源以及设置路由器。通过使用xTeve软件和M3U源,用户可以在PLEX上实现直播功能,并且可以自动匹配EPG信息和定时录制节目。同时,本文还提供了从华为itv盒子提取组播地址的方法以及如何在ASUS固件路由器上设置IPTV。在使用PLEX之前,建议先使用VLC测试是否可以正常播放UDPXY转发的iptv流。最后,本文还介绍了docker版xTeve的设置方法。 ... [详细]
  • 我正在尝试使用scrapycrallsingle运行完美运行的scrapy蜘蛛,但我无法在python脚本中运行它.主要问题是从不执行SingleBlogSpider.parse方 ... [详细]
  • JavaScript和Python是用于构建各种应用程序的两种有影响力的编程语言。尽管JavaScript多年来一直是占主导地位的编程语言,但Python的迅猛发展有 ... [详细]
  • OrbitDBPeer 2 Peer Database using CRDTs
    2019独角兽企业重金招聘Python工程师标准Apeer-to-peerdatabaseforthedecentralizedwebOrbitDBisaserverless ... [详细]
  • 用c语言实现线画、填充图元生成算法多边形_【游戏场景剔除】剔除算法综述...
    之前在做场景优化的过程中,看了不少论文和博客阐述不同剔除算法的原理和过程,自己参照着算法去实现了Hiz和软件剔除。一直想写一篇关于剔除算法的综述 ... [详细]
  • .NET中各种数据库连接大全(转)[more].NET中各种数据库连接大全sql.gif)SQLSERVEROdbCStandardSecurity:driver{SQLSe ... [详细]
  • 小编给大家分享一下TypeScript2.7有什么改进,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收 ... [详细]
  • html css在线便宜,在线HTML、CSS和JS工具汇总
    本文提供了在线HTML、CSS和JS工具汇总,它们都是直接在浏览器上可以使用的在线工具,基本上都是比较简单操作的,只适合简单的调试工作&# ... [详细]
  • 用React.jsEgg.js造轮子全栈开发旅游电商应用百度网盘最后附上下载链接百度网盘下载链接:链接:https:pan.baidu.coms1X0RBk0Gb ... [详细]
  • TS-入门学习笔记TypeScript是JavaScript的一个超集,主要提供了类型系统和对ES6的支持。与js相比,最大的有点是类型系统的引入,由于js本身是弱类型语言,所以天 ... [详细]
author-avatar
popgine
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有