低代碼、WebAssembly、小程序、跨端、PWA、Flutter、Dart、RN、Vue、Angular…… 這些技術越來越火。IT 技術發展日新月異，在前端領域更是如此。框架、庫、工具的選擇越來越廣泛，今年流行的框架，也許在明年就會被另一種取代。盡管如此，我們還是要嘗試總結一下 2022 年大前端領域的發展情況，以期能夠抓住些什么。
Javascript Container
淘寶高級技術專家九十認為，過去一二十年，將 Javascript 跑在服務端的方式一直都存在，比如 Node.js、ASP 等。但近年來，這種將標準 Web API 規范跑在服務器上，進而實現 Javascript Workload 的云邊端同構的技術方案，被提煉成了一個新概念 ——Javascript Container 或者說 W3C Web-interoperable Runtime 的在線運行時。目前，很多廠商都參與在其中，比如國內的阿里、字節，海外的 Cloudflare、Shopify、Vercel。
在標準與具體實現方面，Javascript Container 已經取得了不小的進展。目前有 W3C WinterCG 來進行一些標準的協同，基本上還是以 Service Worker API 為基礎的一些擴展。而符合該標準的實現也比較多了，比如 Cloudflare Workers、EdgeRoutine、Deno、Noslate Workers 等等，Node.js 也對該標準在持續跟蹤。另一方面，Next.js 13、Midway 這些上層研發框架，也已經開始兼容這一標準的運行環境。
WebAssembly
Second State 創始人，CNCF WasmEdge 維護者 Michael Yuan 認為，2022 年是云原生 WebAssembly (Wasm)工具鏈逐漸成熟的一年，也是 Wasm 的云原生應用逐漸走向主流的一年。在瀏覽器端，W3C 發布了 WebAssembly 核心規范 2.0 的首個草案，討論了 Core Specification 、Javascript Interface、Web API，為其在瀏覽器的應用指明了方向。
此外，Wasm 解鎖、豐富了幾個重要的云原生應用場景：
在微服務方面，Wasm 為其提供了輕量級、安全、高性能的運行環境。例如，wasmCloud 與 Adobe 合作部署了基于 Wasm 的安全微服務;基于 WasmEdge 的微服務也能夠直接使用 Dapr 集成的幾百種服務。
在數據流函數方面，作為一個輕量級、可嵌入的 runtime， Wasm 在數據庫 UDF 和數據流的 ETL 方面有落地應用場景。例如 SingleStore 與 Nebula Graph 使用 Wasm 在數據庫執行 UDF; InfinyOn 與 Redpanda 使用 Wasm 在實時數據流中處理數據。
在 PaaS serverless 函數方面，Wasm 非常適合執行輕量級，需要快速冷啟動擴容的 serverless 函數。 Fermyon、Cosmonic 以及 Fastly 都基于 Wasm 推出了類似 AWS Lambda 的 Serverless 平臺。
在 SaaS serverless 函數方面， Wasm 可以賦能 SaaS 平臺支持用戶上傳的代碼。這些代碼是由 SaaS 事件觸發的，以取代復雜、慢且難用的 webhook APIs。Suborbital 推出了基于 Wasm 構建 SaaS 擴展的框架。而 Flows.network 是一個用 Wasm serverless 函數來連接 SaaS 的工具。
WEB GPU
Cocos 引擎技術總監凌華彬認為，Web 一直是最開放和易于傳播的平臺，而今天游戲、元宇宙等數字內容非常依賴 Web 平臺的各種特性，但是 Web 環境中還沒有跟上 DirectX12、Vulkan、metal 等現代圖形接口的變革。這一現狀隨著 WebGPU 標準的逐步完善，即將得到改變。這會給 Web 端帶來非常振奮人心的未來可能性。
WebGPU 是由 W3C GPU for the Web 社區組所發布的規范，目標是允許網頁代碼以高性能且安全可靠的方式訪問 GPU 功能。WebGPU 是一套為瀏覽器設計的次時代圖形 API 標準，為了彌合各個平臺圖形 API 的差異性，它對 DirectX12、Vulkan、metal 進行了融合和封裝。借助 WebGPU，可以充分釋放現代 GPU 硬件的強大能力，讓開發者可以用 TS/JS 在 Web 端也開發媲美原生表現力的場景，實現更大型更復雜的 3D 場景表現，甚至使用現代 GPU 的通用計算能力完成之前無法想像的復雜計算任務。
架構模式
《前端架構：從入門到微前端》作者、Thoughtworks 技術專家黃峰達(Phodal)表示，與多年前相比，微前端及類微前端模式已經靈活多變。當前主要有四種模式：
微內核模式，即胖 vendor + 插件式的瘦組件。
標準微前端模式，基于定制的底座，以使各個應用、組件完全獨立。
混合模式，即介于微內核與微服務化模式，諸如半嵌入的微內核模式。
無組件模式，諸如基于 Web Components、Islands 架構模式構建豐富的組件集。
此外，SDUI 、Islands 等架構模式正在成為越來越多開發者的選擇。在 SDUI 架構下，服務器返回的數據(JSON)會包含頁面的組件信息、布局以及數據類型等等，前端則根據這些信息來渲染 UI。從模式上來說，它與我們現今構建的低代碼模式極為類似，圍繞生成的 JSON 生成組件等的信息。相比之下，只是產出的結果和過程數據略有差異。Islands 架構(孤島架構)鼓勵在服務器呈現的網頁中使用小的、集中的交互塊。Islands 的輸出是漸進式增強的 HTML，更具體地說明了增強是如何發生的。這兩種模式依賴服務器來動態生成，還存在依賴 CDN 的動態生成模式。
那么，除了上面提到的這些，我們還能看到什么?
2023 年 5 月 28 日，GOTC 2023 “大前端新趨勢” 分論壇將邀請國內外在大前端領域有深入研究的公司與專家，聚焦大前端前沿開源相關技術及實踐經驗，讓技術更好地為業界服務。
全球開源技術峰會(Global Open-source Technology Conference)，簡稱 GOTC，是由 開放原子開源基金會、 Linux 基金會亞太區、上海浦東軟件園和開源中國聯合發起 的，面向全球開發者的一場盛大開源技術盛宴。 5 月 27 日至 28 日，GOTC 2023 將于上海舉辦為期 2 天的開源行業盛會。大會將以行業展覽、主題發言、特別論壇、分論壇的形式展現，與會者將一起探討元宇宙、3D 與游戲、eBPF、Web3.0、區塊鏈等熱門技術主題，以及開源社區、AIGC、汽車軟件、開源商業化、開源教育培訓、云原生等熱門話題，探討開源未來，助力開源發展。
GOTC 2023 由一個主論壇、十五個分論壇組成，在線下舉辦的同時，還將在線上直播。GOTC 2023 報名通道現已開啟，誠邀全球各技術領域開源愛好者共襄盛舉!
參會報名，請訪問： https://www.bagevent.com/event/8387611
進入官網了解更多信息，請訪問： https://gotc.oschina.net/
