2024 款：最新前端技術(shù)趨勢

上一次的時(shí)候聊了 那么些已經(jīng)落后的前端開發(fā)技術(shù) 。但是光知道什么技術(shù)落后了是不夠的，咱們還得知道 前端最新的技術(shù)趨勢是什么。所以，今天這篇文章，咱們就來聊一聊，最新前端技術(shù)趨勢。

01：反 TypeScript

大家先不要著急罵我，大家先想一想：“JS 的免于強(qiáng)類型是否為你帶來了便利，TS 的強(qiáng)類型是否為你帶來了不便”。

在很多中小廠的日常項(xiàng)目開發(fā)之中，你真的有必要使用 TypeScript 嗎？它所謂的嚴(yán)謹(jǐn)性，真的能避免了屎山代碼的出現(xiàn)嗎？

應(yīng)該是不能的吧。同時(shí)恰恰相反，當(dāng)團(tuán)隊(duì)的平均技術(shù)能力不足時(shí)， TS 反而會帶來更多的不便，讓原先沒有那么屎山的代碼，變得徹底屎山了。

我們要知道：任何的一個(gè)技術(shù)都將會是一把雙刃劍，它帶來了改進(jìn)的同時(shí)，也會帶來新的不便。 這個(gè)在 TS 和 JS 的對比中，尤其明顯。

所以，今年陸陸續(xù)續(xù)有開發(fā)者開始 反 TypeScript。比如：Svelte、Turbo 等等等等。后面可能會有越來越多的開發(fā)者加入反 TypeScript 的陣營。

02：Vue && React

Vue 和 React 算是前端的常青樹，目前也是國內(nèi)最火的兩個(gè)框架。

 上一次的時(shí)候，我提到 Angular，并且建議大家不要再學(xué)習(xí) Angular 了。有很多同學(xué)不認(rèn)同這個(gè)觀點(diǎn)，并且提出了很多 Angular 的好處。但是我在這里非常負(fù)責(zé)任的告訴大家，如果你想要學(xué)習(xí)前端，并且找到一份工作的話，那么真的不要去選擇 Angular。

Vue 的話，建議大家直接從 Vue3 開始學(xué)起，不需要 學(xué)習(xí) setup函數(shù)，直接從 <script setup> 搞起就可以。

React 的話，建議至少從 16.8 以上學(xué)習(xí)，直接學(xué)習(xí) 函數(shù)式組件與 Hooks 即可

03：webpack && vite

雖說 vite 是為了顛覆 webpack 而存在的，同時(shí) vite 也確實(shí)提供了 10 倍以上的構(gòu)建速度。但是 webpack 足夠豐富的生態(tài)，所以 vite 想要徹底顛覆 webpack 短時(shí)間之內(nèi)并不現(xiàn)實(shí)。

這就導(dǎo)致，webpack 和 vite 我們需要一起進(jìn)行學(xué)習(xí)。從現(xiàn)實(shí)的角度來看 vite 非但沒有帶來取代 webpack，反而增加了打包工具的學(xué)習(xí)成本（畢竟之前只需要學(xué)一個(gè)，現(xiàn)在需要學(xué)兩個(gè)......）

04：Turbopack

Turbopack 是 webpack 作者使用 Rust 開發(fā)的新的打包工具，其目的就是為了對抗 vite 。

目前，國內(nèi)企業(yè)使用 Turbopack 這應(yīng)該是值得我們慶幸的一個(gè)事情，否則我們就又要多學(xué)習(xí)一個(gè)新的打包工具了 ??。

05：Rust

Rust 最近可是火的不行啊。在今年的 ViteConf 中尤雨溪宣布 Vite 的底層即將用 Rust 重寫，即開發(fā)一個(gè)基于 Rust 的打包工具 Rolldown，以此替換掉原有的 Esbuild 和 Rollup。

當(dāng)這個(gè)消息傳出后，不少前端開發(fā)者開始關(guān)注起了 Rust，很多同學(xué)也開始問我：作為一個(gè)前端，我有必要學(xué) Rust 嗎？

其實(shí)，真的是沒有必要的。

Rust 并不是一個(gè)新的開發(fā)語言了，早在 2010 年的時(shí)候 Rust 就可以發(fā)布了。而基于 Rust 開發(fā)的打包工具也很多，比如 Turbopack、Rspack。

而大家之所以突然關(guān)注 Rust 了，只不過是因?yàn)橛却笸蝗惶岬搅耸褂?Rust 重構(gòu) vite 而已。那么對于咱們這些本就已經(jīng)被卷弄得生不如死的程序員，在 Rust 無法帶來直接的收入增加時(shí)，就沒有必要去湊這個(gè)熱鬧了。

06：NestJS

NestJS 是一個(gè)基于 Node 開發(fā)服務(wù)端的框架，結(jié)合了 OOP （面向?qū)ο缶幊蹋?、FP （函數(shù)式編程）和 FRP （函數(shù)響應(yīng)式編程）。很多同學(xué)把它比作前端的 Spring 框架。

在目前互聯(lián)網(wǎng)行業(yè)這么卷的情況下，很多 java 的同學(xué)開始卷前端，而前端的同學(xué)如果想要卷后端的話，那么除了直接學(xué)習(xí) Spring 之外，NestJS 也是一個(gè)可以快速從前端切入到后端的框架。

特別是針對一些想要自己接項(xiàng)目開發(fā)的同學(xué)，NestJS 的學(xué)習(xí)成本相對于 Spring 更低，是一個(gè)不錯(cuò)的選擇。

07：低代碼 && 無代碼 平臺

低代碼和無代碼平臺在 3 年前開始被大規(guī)模的應(yīng)用，發(fā)展到現(xiàn)在已經(jīng)逐漸成熟起來了。

最初的低代碼平臺旨在：通過可拖拽、可配置的方式，實(shí)現(xiàn)不需要手寫代碼就可以搭建一個(gè)應(yīng)用。

發(fā)展到現(xiàn)在，低代碼平臺的應(yīng)用場景開始越來越廣泛，營銷頁面、大屏可視化、后臺管理系統(tǒng) 都開始出現(xiàn)了低代碼構(gòu)建的影子。

雖然現(xiàn)在低代碼平臺可以做的東西還比較少，但是基于目前的場景來看，未來低代碼的應(yīng)用會越來越多。

08：AI大模型

年初的 ChatGPT 火爆全網(wǎng)，隨之而來的就是大量的國內(nèi) AI 項(xiàng)目。阿里的【通義千問】，百度的【文心一言】都是在這個(gè)時(shí)間段推出的。

同時(shí)大量的 AIGC 公司開始出現(xiàn)，也就是所謂的國內(nèi) GPT。

那么在這樣的一種環(huán)境之下 AI大模型 想不火都難。

寫在最后

現(xiàn)在的互聯(lián)網(wǎng)行業(yè)越來越卷，卷技術(shù)、卷加班、卷年齡。很多同學(xué)也反饋：“被裁員、找工作難”。

如果大家也遇到了這樣的情況，或者想要跳槽、漲薪、進(jìn)階學(xué)習(xí)，成為 offer 收割機(jī)，那么可以隨時(shí)私聊我。

最后祝大家都能入職心儀的公司，拿到滿意的 offer。

作者：程序員Sunday
鏈接：https://juejin.cn/post/7297917491795132428
來源：稀土掘金
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。