2021 年大前端領域沒有出現革命性的明星項目，但在各個細分的技術領域都有一定的拓展與深耕，有很多新技術或者新特性有望在 2022 年迎來爆發。

在互聯網 “寒冬” 的當下，前端技術人員唯有修煉好內功，不斷壯大自身，才能更好地迎接春天的 “東風”。那前端技術人員應該修煉哪一塊 “肌肉” 呢，或許我們可以在《2021 年 JavaScript 明星項目》找到一些答案：

• zx 工具包僅用了 7 個月就榮登全年 Star 增長最快的項目，這側面表明了前端開發在全棧的持續滲透和影響力。

• 在前端框架上面，龍頭 React 和 Vue 還是穩步發展，持續創新。而黑馬 Svelte 在今年崛起，一舉超越 Angular 占據第三位，并對頭名虎視眈眈。那么 Svelte 能否破局？

• 在 Node.js 框架中，React 的 “元框架” Next.js 一騎絕塵。而新秀 Remix 僅僅 2 個月就沖到了第四，值得關注。

• 在構建工具上面，對原生 ES 模塊的接納仍在繼續，vite 勢頭難擋，另一方面，出于對性能的考慮，越來越多的前端工具開始用其他語言 (Rust、Go) 來構建。

• 在桌面端，大火的 Tauri 打破了 Electron 的統治，基于 Rust (可替換)，Tauri 對比 Electron 有更小的包大小和內存占用，未來可期。

接下來，主要盤點下 2021 年前端行業發生了哪些重要的事情，同時分享下騰訊 IMWeb 團隊在過去一年中都做了哪些工作。

總結 2021 年度趨勢

1、 TypeScript 穩健增長

從 Github 的語言使用數據 （Top languages over the years）來看，2021 TypeScript 依然穩居第四。

從最新的 2020 JS 問卷調查數據看，TypeScript 使用率在同類工具競爭中依舊排名第一（ State of JS survey）。

從 Stack Overflow Developer Survey 2021 來看，TypeScript 受大家喜愛程度依舊在提升，估計在 2022 年還會保持增長。

回顧

回顧 2021，官方的 Roadmap 闡明了 TypeScript 的目標是繼續完善其類型系統、實現強大的工具提高生產力、提高使用體驗、提高社區參與程度、改進基礎設施和工程化系統。提出目標后，這一年 TypeScript 團隊還是非常給力的發了 4 個版本，目前最新版本 4.5，其中許多新特性確實使用起來更香了，比如：

• 更好的元組類型支持，允許任意位置的剩余類型以及可選類型。

• 更好的模板字符串字面量類型支持。

• 更智能的條件分支域的類型推斷。

• 索引類型支持 Symbol 和模板字符串模式。

• Awaited 類型和 Promise 類型改進。

• 等等。

除了特性，它還完善了許多使用體驗，比如：

• 性能優化如更快的類型生成、增量編譯和 Sourcemap 生成。

• 更智能的 IDE 補全。

• 非 Javascript 源文件定位。

• 等等。

另外， TypeScript 新官網在 8 月上線了，全新的文檔查閱起來也更加方便。

目前 TypeScript 已經是 IMWeb 團隊的標配。無論是 Web 前端、Node.js 項目還是公共模塊，從腳手架模板就默認支持 TypeScript，其中公共模塊體系不僅僅使用 TypeScript 編寫代碼和類型檢查，同時利用 ESLint 實現 TS 語言標準 AST 的特定校驗來實現公共模塊規范，還結合 TypeDoc 生成使用文檔等等。

展望

TypeScript 在未來將提供