2024 年前端技术发展大趋势一览

随着技术的不断演进,前端开发领域也在不断变化和发展。AI、Vue、Web3等都是当前前端开发的新趋势,它们为开发者提供了更多的机会和挑战。今天这篇文章,咱们就来聊一聊,最新前端技术趋势。

1.AI

微信截图_20230601135933.png

年初的 ChatGPT 火爆全网,随之而来的就是大量的国内 AI 项目。阿里的【通义千问】,百度的【文心一言】都是在这个时间段推出的。

同时大量的 AIGC 公司开始出现,也就是所谓的国内 GPT。

现在干啥都想和AI挂点边,好像AI能对产业有翻天覆地的帮助一样。

那么在这样的一种环境之下 AI大模型 想不火都难。

2.行业云平台

image.png

行业云平台(ICP)是专为特定行业量身定制的云方案,可进一步满足企业机构的需求。ICP通过可组合功能将底层SaaS、PaaS和IaaS服务整合成全套产品,推动与行业相关的业务成果。这些功能通常包括行业数据编织、打包业务功能库、组合工具和其他平台创新功能。

• IT领导者可以利用这些平台的可组合性来获得适应性和敏捷性,以应对组织所在行业中不断加速的混乱;

• 技术和IT领导者可以利用ICPs采取的可组合方法,通过(重新)组合与众不同的主张,为其客户和合作伙伴生态系统创造全行业的能力。

Gartner预测,到2027年,将有超过70%的企业使用行业云平台(ICP)加速其业务计划,而2023年的这一比例还不到15%。

3.Vue & React

image.png

Vue 和 React 算是前端的常青树,目前也是国内最火的两个框架。

上一次的时候,我提到 Angular,并且建议大家不要再学习 Angular 了。有很多同学不认同这个观点,并且提出了很多 Angular 的好处。但是我在这里非常负责任的告诉大家,如果你想要学习前端,并且找到一份工作的话,那么真的不要去选择 Angular。

Vue 的话,建议大家直接从 Vue3 开始学起,不需要 学习 setup函数,直接从 <script setup> 搞起就可以。

React 的话,建议至少从 16.8 以上学习,直接学习 函数式组件与 Hooks 即可

4.webpack & vite

image.png

虽说 vite 是为了颠覆 webpack 而存在的,同时 vite 也确实提供了 10 倍以上的构建速度。但是 webpack 足够丰富的生态,所以 vite 想要彻底颠覆 webpack 短时间之内并不现实。

这就导致,webpack 和 vite 我们需要一起进行学习。从现实的角度来看 vite 非但没有带来取代 webpack,反而增加了打包工具的学习成本(毕竟之前只需要学一个,现在需要学两个......)

5.低代码 & 无代码 平台

image.png

低代码和无代码平台在 3 年前开始被大规模的应用,发展到现在已经逐渐成熟起来了。最初的低代码平台旨在:通过可拖拽、可配置的方式,实现不需要手写代码就可以搭建一个应用。

主要还是不想重复再重复去造轮子,很浪费时间。针对这类问题,低代码把某些重复出现的场景、流程,具象化成一个个组件、api、数据库接口,避免了重复造轮子。极大的提高了程序员的生产效率。

介绍一款程序员都应该知道的软件 JNPF 快速开发平台,很多人都尝试用过它,它是功能的集大成者,任何信息化系统都可以基于它开发出来。营销页面、大屏可视化、后台管理系统 都开始出现了低代码构建的影子。

这是一个基于 Java Boot/.Net Core 构建的简单、跨平台快速开发框架。前后端封装了上千个常用类,方便扩展;集成了代码生成器,支持前后端业务代码生成,实现快速开发,提升工作效率;框架集成了表单、报表、图表、大屏等各种常用的 Demo 方便直接使用;后端框架支持 Vue2、Vue3。

应用体验: https://www.jnpfsoft.com/?juejinxue,如果你有闲暇时间,可以做个知识拓展。

虽然现在低代码平台可以做的东西还比较少,但是基于目前的场景来看,未来低代码的应用会越来越多。

6.Turbopack

Turbopack 是 webpack 作者使用 Rust 开发的新的打包工具,其目的就是为了对抗 vite 。

目前,国内企业使用 Turbopack 这应该是值得我们庆幸的一个事情,否则我们就又要多学习一个新的打包工具了 😭。

7.Rust

image.png

Stack Overflow 的开发者调研显示只有 7% 的开发者在使用 Rust,对比 JavaScript、Python 等语言,使用 Rust 的开发者占比并不高;但从 2016 年开始,Rust 每年都是开发者最爱的编程语言。

最近可是火的不行啊!在今年的 ViteConf 中尤雨溪宣布 Vite 的底层即将用 Rust 重写,即开发一个基于 Rust 的打包工具 Rolldown,以此替换掉原有的 Esbuild 和 Rollup。

当这个消息传出后,不少前端开发者开始关注起了 Rust,很多同学也开始问我:作为一个前端,我有必要学 Rust 吗?其实,真的是没有必要的。

那么对于咱们这些本就已经被卷弄得生不如死的程序员,在 Rust 无法带来直接的收入增加时,就没有必要去凑这个热闹了。

8.NestJS

NestJS 是一个基于 Node 开发服务端的框架,结合了 OOP (面向对象编程)、FP (函数式编程)和 FRP (函数响应式编程)。很多同学把它比作前端的 Spring 框架。

在目前互联网行业这么卷的情况下,很多 java 的同学开始卷前端,而前端的同学如果想要卷后端的话,那么除了直接学习 Spring 之外,NestJS 也是一个可以快速从前端切入到后端的框架。

特别是针对一些想要自己接项目开发的同学,NestJS 的学习成本相对于 Spring 更低,是一个不错的选择。

写在最后

现在的互联网行业越来越卷,卷技术、卷加班、卷年龄。很多同学也反馈:“被裁员、找工作难”。如果大家也遇到了这样的情况,或者想要跳槽、涨薪、进阶学习,成为 offer 收割机,那么可以随时私聊我。

最后祝大家都能入职心仪的公司,拿到满意的 offer。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/268239.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

系统架构设计师教程(一)绪论

系统架构设计师 1.1 系统架构概述1.1.1 系统架构的定义及发展历程1.1.2 软件架构的常用分类及建模方法1、软件架构常用分类2、系统架构的常用建模方法 1.2 系统架构设计师概述1.3 如何成为一名好的系统架构设计师 1.1 系统架构概述 自1946年第一台计算机诞生以来&#xff0c;计…

【Spark精讲】Spark任务运行流程

Spark任务执行流程 部署模式是根据Drvier和Executor的运行位置的不同划分的。client模式提交任务与Driver进程在同一个节点上&#xff0c;而cluster模式提交任务与Driver进程不在同一个节点。 Client模式 Clinet模式是在spark-submit提交任务的节点上运行Driver进程。 …

长三角区域部分行业企业是如何实践招标采购供应链系统建设的?

长三角城市群是我国经济发展最活跃、开放程度最高、创新能力最强的区域之一&#xff0c;在国家现代化建设大局和全方位开放格局中具有举足轻重的战略地位。今年前三季度&#xff0c;长三角实现地区生产总值约22万亿元&#xff0c;占全国经济总量的24&#xff05;。 采购作为供…

GPS定位与IP地址定位的差异及应用场景

随着科技的不断发展&#xff0c;定位技术在日常生活和商业应用中变得越来越普遍。在定位技术中&#xff0c;GPS&#xff08;全球定位系统&#xff09;和IP地址定位是两种常见的方法。本文将探讨GPS定位与IP地址定位的差异以及它们在不同应用场景中的应用。 1. GPS定位 a. 工作…

记录 | mac安装Manim

Mac安装Manim brew install py3cairo ffmpeg brew install pango scipyconda create manim_py39 python3.9 conda activate manim_py39pip install manim若出现 unknown or unsupported macOS version: :dunno 的错误&#xff0c;则要升级 brew&#xff0c;如下&#xff1a; …

气动元件市场分析:预计2028年将达到196亿美元

气动产品可以分为控制元件、检测元件、气源处理元件、真空元件、驱动元件和辅助元件几类。控制元件是控制驱动元件启停的元件&#xff0c;如电磁阀、手动阀等&#xff1b;检测元件是真空压力以及流量的元件&#xff0c;如压力传感器、真空传感器、流量传感器&#xff1b;气源处…

【go语言开发】本地缓存的使用,从简单到复杂写一个本地缓存,并对比常用的开源库

本文主要介绍go语言中本地缓存的使用&#xff0c;首先由简单到复杂手写3个本地缓存示例&#xff0c;使用内置的sync&#xff0c;map等数据结构封装cache&#xff0c;然后介绍常见的一些开源库&#xff0c;以及对比常用的开源库 文章目录 前言手写本地缓存CacheNormalCacheExCac…

后端只打印了info等级的日志?-SpringBoot日志打印-Slf4j

在调用log变量的方法来输出日志时&#xff0c;有以上5个级别对应的方法&#xff0c;从不太重要&#xff0c;到非常重要 调用不同的方法&#xff0c;就会输出不同级别的日志。 trace&#xff1a;跟踪信息debug&#xff1a;调试信息info&#xff1a;一般信息warn&#xff1a;警告…

mac视频调色 DaVinci Resolve Studio 18 中文 for Mac

DaVinci Resolve Studio 18是一款功能强大、专业可靠的视频编辑软件&#xff0c;适用于各种规模的媒体项目制作。无论是独立制片人还是大型制片公司&#xff0c;都可以借助该软件进行高质量的视频创作和后期制作。 得编辑工作更加高效和灵活。 调色和色彩校正&#xff1a;软件…

MySQL5 和 MySQL8 的配置区别 一些注意事项

1、使用命令行查看MySQL的版本 先保证你的mysql正在运行&#xff0c;假如用户名是root&#xff0c;密码是123456&#xff0c;运行下边的代码可以查看mysql的版本号。 mysql -uroot -p123456这里我的版本是5.7.19。也就是5版本的。 2、不同版本对应的数据库驱动jar包&#x…

大模型元年压轴盛会定档12月28日,第十届WAVE SUMMIT即将启航

回望2023年&#xff0c;大语言模型或许将是科技史上最浓墨重彩的一笔。从技术、产业到生态&#xff0c;大语言模型在突飞猛进中加速重构万物。随着理解、生成、逻辑、记忆四大能力显著提升&#xff0c;大语言模型为通用人工智能带来曙光。 AI开发者们正在用算法和代码书写一个…

Banana Pi BPI-R4 SBC/路由器推出,带双 10G SFP+ 端口+Wifi7支持

Banana Pi BPI-R4 wifi7路由器开发板 香蕉派 Banana Pi BPI-R4 根据著名Banana Pi品牌背后的公司Sinovoip提供的初步信息&#xff0c;他们即将推出的Banana Pi BPI-R4路由器板目前已经正式发售。与之前的 Banana Pi R3 板相比&#xff0c;这在规格上将有显着提升。这就是我们…