2023前端技術盤點與2024技術展望

作者：owenlai

2023 年已如白駒過隙般過去。雖然在 2023 年的前端大舞臺上并沒有出現革命性的明星項目，但在各個細分的技術領域都有一定的拓展與深耕，而且 2023 年 AI 大模型的迅猛發展也為前端領域注入了活力，接下來讓我們一起乘坐時光機重回 2023，盤點 2023 年在前端行業發生的哪些重要的事情。

（注：此處開始文章中所有”今年“代指 2023 年，明年代指”2024 年“）

● 首先在被譽為大模型元年的今年，大模型的應用能力持續完善，并逐漸開始在前端多個領域中落地。

● 在前端語言與標準領域，今年 JavaScript 和 CSS 都有一些新的變化，在 TypeScript 已成為前端項目標配的如今，今年社區為何頻頻出現了不一致的聲音？

● 在前端框架領域，前端框架的四家馬車 React、Vue、Svelte 和 Angular 繼續領跑，它們都在按照自己的特色不斷發展與進步。此外 Qwik 和 Htmx 在今年也廣受前端社區喜愛，成為年度前端框架的黑馬。

● 在前端基礎建設領域，Rust 在前端的影響力越來越大：基于 Rust 的構建工具 Rspack 和 代碼檢查工具 Oxlint 正式發布、 Vite 官方也正式宣布計劃使用 Rust 重構 Vite，替換掉原有的 Esbuild 和 Rollup。此外，前端全能工具包 Bun 正式發布 1.0 版本，成為 JavaScript 年度明星項目。

● 在低代碼領域，低代碼社區建設持續完善，基于源代碼驅動和與大模型結合的低代碼引擎于今年首次亮相。

● 在 D2C 領域，出現了 C2D2C 這個新的解決方案，大模型為 D2C 賦能未來可期。

● 在跨端領域，鴻蒙應用的異軍突起為跨端領域開辟了新天地。

● 此外在瀏覽器、 WASM、音視頻等與前端息息相關的底層能力領域也有新的發展。

2023 技術年度回顧

1、 語言與標準：CSS、ES 和 TS 語法持續完善，社區竟現反 TS 聲音

根據 StackOverflow 2023 年度流行語言報告中統計顯示， 前端三劍客（HTML/CSS/JavaScript）依然位居榜首。而 JavaScript 已連續 11 年成為最流行的編程語言，而 TypeScript 也上升到第五的位置。整體而言，前端社區依舊充滿朝氣與活力。接下來讓我們回顧一下 2023 年前端在語言與標準的領域上有哪些變化吧。已成前端項目標配的 TypeScript 社區竟現拋棄呼聲？

近年來，由于 TypeScript 提供的類型安全性、更好的工具支持以及與 JavaScript 生態系統的兼容性，它所帶來的對代碼質量和可維護性方面的價值已被前端社區所認可，目前已經成為開發 Web 應用程序的主要編程語言之一。從 Github 2023 年度報告顯示，今年 TypeScript 首次超過 Java，成為 GitHub 上 OSS 項目中第三大最受歡迎的語言，其用戶群體增長了 37%。

1)TypeScript 5.0：對包體積及構建速度進行全面優化

今年 3 月 16 日 TypeScript 5.0 正式發布，該版本更新了許多令人激動的新特性，例如支持全新的裝飾器、extends 支持多配置文件、引入 const 類型參數等。筆者認為 TypeScript 5.0 最大提升應該是在一直令人詬病的包體積大小和編譯構建速度上的優化。

首先，TypeScript 從命名空間轉移到了模塊中，這使我們能夠利用現代構建工具來執行優化，如作用域提升，此外還刪除了一些廢棄的代碼。優化后，TypeScript 5.0 相較于 TypeScript 4.9 ，包體積從約 63.8 MB 減少到約 37.4 MB，降低了約 42%。

其次，TypeScript 5.0 還對代碼的數據結構以及算法實現上進行優化，例如 TypeScript 5.0 會現有對一些常用的機制進行了緩存，以便在編譯操作之間重復使用。TypeScript 5.0 相較于 TypeScript 4.9 編譯速度上有著明顯的提升。

2)TypeScript 5.2：使用 using 關鍵字進行資源管理

在一些編程語言中，比如 C#，使用 using 關鍵字可以確保在使用完資源后，會自動釋放這些資源。然而，在 JavaScript 中，開發者需要手動釋放一些資源，比如打開的文件、數據庫連接等。這就導致了在代碼中需要顯式地處理資源的釋放，容易出現忘記釋放、異常時未能釋放等情況。

而 TypeScript 5.2 新增的 using 關鍵字，配合 Symbol.dispose 一起使用，能很好的解決這個問題。

使用 using 前：不管程序是否發生異常，都需要在手動關閉文件句柄