2024 款:最新前端技术趋势

news2024/10/7 16:27:21

Hello,大家好,我是 Sunday。

上一次的时候聊了 那么些已经落后的前端开发技术 。但是光知道什么技术落后了是不够的,咱们还得知道 前端最新的技术趋势是什么。所以,今天这篇文章,咱们就来聊一聊,2023 最新前端技术趋势

01:反 TypeScript

大家先不要着急骂我,大家先想一想:“JS 的免于强类型是否为你带来了便利,TS 的强类型是否为你带来了不便”。

在很多中小厂的日常项目开发之中,你真的有必要使用 TypeScript 吗?它所谓的严谨性,真的能避免了屎山代码的出现吗?

应该是不能的吧。同时恰恰相反,当团队的平均技术能力不足时, TS 反而会带来更多的不便,让原先没有那么屎山的代码,变得彻底屎山了。

我们要知道:任何的一个技术都将会是一把双刃剑,它带来了改进的同时,也会带来新的不便。 这个在 TS 和 JS 的对比中,尤其明显。

所以,今年陆陆续续有开发者开始 反 TypeScript。比如:Svelte、Turbo 等等等等。后面可能会有越来越多的开发者加入反 TypeScript 的阵营。

02:Vue && React

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

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

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

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

03:webpack && vite

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

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

04:Turbopack

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

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

05:Rust

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

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

其实,真的是没有必要的。

Rust 并不是一个新的开发语言了,早在 2010 年的时候 Rust 就可以发布了。而基于 Rust 开发的打包工具也很多,比如 Turbopack、Rspack。

而大家之所以突然关注 Rust 了,只不过是因为尤大突然提到了使用 Rust 重构 vite 而已。那么对于咱们这些本就已经被卷弄得生不如死的程序员,在 Rust 无法带来直接的收入增加时,就没有必要去凑这个热闹了。

06:NestJS

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

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

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

07:低代码 && 无代码 平台

低代码和无代码平台在 3 年前开始被大规模的应用,发展到现在已经逐渐成熟起来了。

最初的低代码平台旨在:通过可拖拽、可配置的方式,实现不需要手写代码就可以搭建一个应用。

发展到现在,低代码平台的应用场景开始越来越广泛,营销页面、大屏可视化、后台管理系统 都开始出现了低代码构建的影子。

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

08:AI大模型

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

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

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

写在最后

现在的互联网行业越来越卷,卷技术、卷加班、卷年龄。很多同学也反馈:“被裁员、找工作难”。

如果大家也遇到了这样的情况,或者想要跳槽、涨薪、进阶学习,成为 offer 收割机,那么可以随时私聊我

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

IDEA 使用Reset Current Branch to Here 进行git 版本控制,图文操作

文章目录 一、总结区别&#xff08;只针对本地仓库操作&#xff09;Soft详细解释文件版本冲突处理 Mixed详细解释Hard详细解释Keep详细解释文件版本冲突处理 二、其他Revert commit 参考文档 一、总结区别&#xff08;只针对本地仓库操作&#xff09; Soft详细解释 Soft操作只…

Linux本地部署1Panel现代化运维管理面板并实现公网访问

文章目录 前言1. Linux 安装1Panel2. 安装cpolar内网穿透3. 配置1Panel公网访问地址4. 公网远程访问1Panel管理界面5. 固定1Panel公网地址 前言 1Panel 是一个现代化、开源的 Linux 服务器运维管理面板。高效管理,通过 Web 端轻松管理 Linux 服务器&#xff0c;包括主机监控、…

nginx的配置文件说明

nginx的配置文件说明 https://blog.csdn.net/S_ZaiJiangHu/article/details/126838279 https://blog.csdn.net/qq_33454884/article/details/89212702 二、nginx的正向代理和反向代理 2.1 nginx的反向代理 2.1.1 反向代理说明 对于客户端来说&#xff0c;反向代理就好像目标…

STM32——NVIC中断优先级管理分析

文章目录 前言一、中断如何响应&#xff1f;NVIC如何分配优先级&#xff1f;二、NVIC中断优先级管理详解三、问题汇总 前言 个人认为本篇文章是我作总结的最好的一篇&#xff0c;用自己的话总结出来清晰易懂&#xff0c;给小白看也能一眼明了&#xff0c;这就是写博客的意义吧…

【中间件篇-Redis缓存数据库03】Redis高级特性和应用(发布 订阅、Stream)

Redis高级特性和应用(发布 订阅、Stream) 发布和订阅 Redis提供了基于“发布/订阅”模式的消息机制&#xff0c;此种模式下&#xff0c;消息发布者和订阅者不进行直接通信,发布者客户端向指定的频道( channel)发布消息&#xff0c;订阅该频道的每个客户端都可以收到该消息。 …

遇到问题[已解决]TypeError: ‘odict_keys‘ object is not subscriptable

背景 运行CPD代码时&#xff0c;由于源代码踊跃python2.7&#xff0c;但是我的是3.8出现报错 【Python3】【报错】- TypeError: ‘dict_keys‘ object is not subscriptable-CSDN博客 原因&#xff1a; 在Python3中&#xff0c;keys()方法不允许切片 VGG代码如下 解决办法: 就…

最新GitHub学生认证,可以愉快的使用Copilot了(保姆级教程)

&#x1f388;博客主页&#xff1a;&#x1f308;我的主页&#x1f308; &#x1f388;欢迎点赞 &#x1f44d; 收藏 &#x1f31f;留言 &#x1f4dd; 欢迎讨论&#xff01;&#x1f44f; &#x1f388;本文由 【泠青沼~】 原创&#xff0c;首发于 CSDN&#x1f6a9;&#x1f…

Project Office X for Mac项目管理工具

Project Office X是一款全能的项目管理软件&#xff0c;可帮助企业或个人有效地规划、协调和执行项目。它具有直观的用户界面和强大的功能&#xff0c;适用于各种规模的项目。 这个软件提供了多种实用工具&#xff0c;包括项目计划、资源管理、任务分配、进度跟踪、风险管理和团…

Google Firebase PHP实现消息推送

获取key的方法&#xff1a; 登录谷歌开发者后台 https://console.firebase.google.com/?hlzh-cn function firebaseNotice($title,$body){$token_arr[token1,token2]; //用户的firebasetoken列表$notify_msg ["notification" > ["title" > $title…

NodeJs - 单线程模型和高并发处理原理

NodeJs - 单线程模型和高并发处理原理 前言一. NodeJs 线程模型1.1 NodeJs 模型分析1.2 NodeJs处理事件请求的流程1.3 NodeJs 和传统 Server 的对比 二. Cluster 模块利用多核CPU处理三. 总结 前言 我们都知道JavaScript是单线程的处理。但是我们在Node开发、Egg开发下&#x…

Ubuntu 20.04编译Chrome浏览器

本文记录chrome浏览器编译过程&#xff0c;帮助大家避坑qaq 官网文档&#xff1a;https://chromium.googlesource.com/chromium/src//main/docs/linux/build_instructions.md 一.系统要求 一台64位的英特尔机器&#xff0c;至少需要8GB的RAM。强烈推荐超过16GB。至少需要100…

问题排查-进程分析工具-001strace-安装方式--用法用量

参考来源&#xff1a; centos7 安装strace 《极客时间-网络排查案例课》 strace工具介绍 跟网络排查中有 tcpdump 这样强大的工具类似&#xff0c;进程的排查也有相关的强大工具&#xff0c;比如strace。通过 strace&#xff0c;我们可以把排查工作从进程级别&#xff0c;继续…

【EI会议征稿】第八届先进能源科学与自动化国际研讨会(AESA 2024)

第八届先进能源科学与自动化国际研讨会&#xff08;AESA 2024) 2024 8th International Workshop on Advances in Energy Science and Automation 继AESA 2017-2023相继成功举办之后&#xff0c;来自国内外多所高校、科研院所及企业代表在先进能源科学与自动化的科研合作和交流…

【虹科干货】Lambda数据架构和Kappa数据架构——构建现代数据架构

如何更好地构建我们的数据处理架构&#xff0c;如何对IT系统中的遗留问题进行现代化改造并将其转变为现代数据架构&#xff1f;该怎么为你的需求匹配最适合的架构设计呢&#xff0c;本文将分析两种最流行的基于速度的数据架构&#xff0c;为你提供一些思路。 文章速览&#xf…

2023最新版JavaSE教程——第5天:数组

目录 一、数组的概述1.1 为什么需要数组1.2 数组的概念1.3 数组的分类 二、一维数组的使用2.1 一维数组的声明2.2 一维数组的初始化2.2.1 静态初始化2.2.2 动态初始化 2.3 一维数组的使用2.3.1 数组的长度2.3.2 数组元素的引用 2.4 一维数组的遍历2.5 数组元素的默认值 三、一维…

【开源】基于Vue和SpringBoot的生活废品回收系统

项目编号&#xff1a; S 003 &#xff0c;文末获取源码。 \color{red}{项目编号&#xff1a;S003&#xff0c;文末获取源码。} 项目编号&#xff1a;S003&#xff0c;文末获取源码。 目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容三、界面展示3.1 登录注册3.2 资源类型&…

SAP 50策略测试简介

上篇博文写了40策略的测试,40策略就是典型的按库存生产,考虑库存,考虑销售订单。 本文将测试50策略,按单生产用的最多的策略。相信很多公司按单生产应该都会用到50的策略 1、首先还是先创建物料AB3 同时将BOM中的原材料的独立集中的字段设置为1 2、创建BOM—CS01 3、同杨…

01_ddim_inversion_CN

DDIM反转 设置 # !pip install -q transformers diffusers accelerateimport torch import requests import torch.nn as nn import torch.nn.functional as F from PIL import Image from io import BytesIO from tqdm.auto import tqdm from matplotlib import pyplot as p…

离散Hopfield神经网络分类——高校科研能力评价

大家好&#xff0c;我是带我去滑雪&#xff01; 高校科研能力评价的重要性在于它对高等教育和科研体系的有效运作、发展和提高质量具有深远的影响。良好的科研能力评价可以帮助高校识别其在不同领域的强项和薄弱点&#xff0c;从而制定战略&#xff0c;改进教学和科研&#xff…

C语言求解:有n个人围成一圈,顺序排号。从第一个人开始报数(从1到3报数),凡报到3的人退出圈子,问最后留下的是原来第几号的那位(约瑟夫问题)

完整代码&#xff1a; /* 有n个人围成一圈&#xff0c;顺序排号。从第一个人开始报数&#xff08;从1到3报数&#xff09;&#xff0c;凡报到3的人 退出圈子&#xff0c;问最后留下的是原来第几号的那位*/ #include<stdio.h>//约瑟夫问题 //递推关系f(n)(f(n-1)2)\mod n…