热门标签 | 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 让我们一起成长点赞和在看就是最大的支持❤️


推荐阅读
  • #ReactivityFundamentals#DeclaringReactiveState ... [详细]
  • 本文介绍了如何使用vue-awesome-swiper组件,包括在main.js中引入和使用swiper和swiperSlide组件,以及设置options和ref属性。同时还介绍了如何在模板中使用swiper和swiperSlide组件,并展示了如何通过循环渲染swipes数组中的数据,并使用picUrl属性显示图片。最后还介绍了如何添加分页器。 ... [详细]
  • 在package.json中有如下两个对象:husky:{hooks:{pre-commit:lint-staged}},lint-staged:{src** ... [详细]
  • 本文介绍了自学Vue的第01天的内容,包括学习目标、学习资料的收集和学习方法的选择。作者解释了为什么要学习Vue以及选择Vue的原因,包括完善的中文文档、较低的学习曲线、使用人数众多等。作者还列举了自己选择的学习资料,包括全新vue2.5核心技术全方位讲解+实战精讲教程、全新vue2.5项目实战全家桶单页面仿京东电商等。最后,作者提出了学习方法,包括简单的入门课程和实战课程。 ... [详细]
  • Vue基础一、什么是Vue1.1概念Vue(读音vjuː,类似于view)是一套用于构建用户界面的渐进式JavaScript框架,与其它大型框架不 ... [详细]
  • 认识Vue关于Vue的描述有不少,不外乎都会拿来与Angular和React对比,同样头顶MVVM双向数据驱动设计模式光环的Angular自然被对比的最多,但到目前为止,Angul ... [详细]
  • 本文总结了Java中日期格式化的常用方法,并给出了示例代码。通过使用SimpleDateFormat类和jstl fmt标签库,可以实现日期的格式化和显示。在页面中添加相应的标签库引用后,可以使用不同的日期格式化样式来显示当前年份和月份。该文提供了详细的代码示例和说明。 ... [详细]
  • 本文介绍了brain的意思、读音、翻译、用法、发音、词组、同反义词等内容,以及脑新东方在线英语词典的相关信息。还包括了brain的词汇搭配、形容词和名词的用法,以及与brain相关的短语和词组。此外,还介绍了与brain相关的医学术语和智囊团等相关内容。 ... [详细]
  • 开发笔记:加密&json&StringIO模块&BytesIO模块
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了加密&json&StringIO模块&BytesIO模块相关的知识,希望对你有一定的参考价值。一、加密加密 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • 如何使用Java获取服务器硬件信息和磁盘负载率
    本文介绍了使用Java编程语言获取服务器硬件信息和磁盘负载率的方法。首先在远程服务器上搭建一个支持服务端语言的HTTP服务,并获取服务器的磁盘信息,并将结果输出。然后在本地使用JS编写一个AJAX脚本,远程请求服务端的程序,得到结果并展示给用户。其中还介绍了如何提取硬盘序列号的方法。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • Question该提问来源于开源项目:react-native-device-info/react-native-device-info ... [详细]
  • React 小白初入门
    推荐学习:React官方文档:https:react.docschina.orgReact菜鸟教程:https:www.runoob.c ... [详细]
  • ReactJSUIAnt设计空组件原文:https://w ... [详细]
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社区 版权所有