新聞中心
Astro 更新
Astro 是一個現(xiàn)代化的輕量級靜態(tài)站點生成器,用于構(gòu)建以內(nèi)容為中心的高性能網(wǎng)站。

2023年,Astro 發(fā)布了兩個主要版本,第三個主要版本已經(jīng)在路上了。
- 1 月 24 日,Astro 2.0 發(fā)布,更新內(nèi)容如下:
- Markdown 和 MDX 的自動類型安全;
- 支持靜態(tài)渲染和動態(tài)渲染。
- 重新設(shè)計的錯誤界面。
- 改進(jìn)的開發(fā)服務(wù)器 (HMR)。
- 支持 Vite 4.0。
- 8 月 30 日,Astro 3.0 發(fā)布,更新內(nèi)容如下:
- 圖片優(yōu)化(穩(wěn)定版):已取消標(biāo)志,并且比以往更好。
- 更快的渲染性能:Astro 組件的渲染速度提高了 30-75%。
- 用于 Serverless 的 SSR 改進(jìn):與托管平臺連接的新方式。
- 用于 JSX 的熱更新改進(jìn):支持 React 和 Preact 的快速刷新。
- 優(yōu)化的構(gòu)建輸出:更干凈、更高效的 HTML。
- 11 月 28 日,Astro 4.0 Beta 發(fā)布
CSS 支持嵌套語法
主流瀏覽器的最新版本都已經(jīng)支持 CSS 嵌套語法。
對于以下 CSS 樣式:
table.colortable td {
text-align:center;
}
table.colortable td.c {
text-transform:uppercase;
}
table.colortable td:first-child, table.colortable td:first-child+td {
border:1px solid black;
}
table.colortable th {
text-align:center;
background:black;
color:white;
}使用嵌套:
table.colortable {
& td {
text-align:center;
&.c { text-transform:uppercase }
&:first-child, &:first-child + td { border:1px solid black }
}
& th {
text-align:center;
background:black;
color:white;
}
}React 紀(jì)錄片發(fā)布
2 月 11 日,Honeypot 發(fā)布了期待已久的 React 記錄片,記錄了 React 的發(fā)展歷程。React 紀(jì)錄片主要內(nèi)容如下:
- 早期,當(dāng) Jordan Walke 試圖說服 Facebook 的一小群工程師時,他有一個解決方案可以改善用戶界面并顯著縮短實施變更的時間。
- Facebook 的工程團(tuán)隊不得不面對的第一個困難,以及收購 Instagram 對 React 項目的意義。
- 當(dāng) Tom Occhino 和 Jordan Walke 在 2013 年的美國 JS 會議上展示新框架時,JavaScript 社區(qū)出乎意料的做出了負(fù)面反應(yīng)。
- “早期使用者”如何幫助開源 React 更上一層樓。Sophie Alpert 成為團(tuán)隊一員的那一刻,以及 React 對 JS 社區(qū)的“重新介紹”。
- Netflix 是如何成為第一家采用 React 的大型科技公司的。
- JS 社區(qū)在構(gòu)建今天的框架方面發(fā)揮了關(guān)鍵作用。
- Dan Abramov 和 Andrew Clark 加入了 React 團(tuán)隊。
Rspack 發(fā)布
3 月 10 日,字節(jié)跳動自研 Web 構(gòu)建工具 Rspack 正式發(fā)布。Rspack 是由 ByteDance Web Infra 團(tuán)隊孵化的基于 Rust 語言開發(fā)的 Web 構(gòu)建工具,擁有高性能、兼容 Webpack 生態(tài)、定制性強等多種優(yōu)點,解決了我們在業(yè)務(wù)場景中遇到的非常多的問題,讓很多開發(fā)者的體驗有了質(zhì)的提升。
Rspack 的特性如下:
- 啟動速度極快:基于 Rust,項目啟動速度極快,帶給你極致的開發(fā)體驗。
- 閃電般的 HMR:內(nèi)置增量編譯機制,HMR 速度極快,完全勝任大型項目的開發(fā)。
- 兼容 webpack:針對 webpack 的架構(gòu)和生態(tài)進(jìn)行兼容,無需從頭搭建生態(tài)。
- 內(nèi)置常見構(gòu)建能力:對 Typescript、JSX、CSS、CSS Modules、Sass 等提供開箱即用的支持。
- 默認(rèn)生產(chǎn)優(yōu)化:默認(rèn)內(nèi)置多種優(yōu)化策略,如 Tree Shaking、代碼壓縮等等。
- 框架無關(guān):不和任何前端框架綁定,保證足夠的靈活性。
TypeScript 更新
2023 年,TypeScript 發(fā)布了一個主要版本,三個次要版本:
- 3 月 17 日,TypeScript 5.0 發(fā)布,更新內(nèi)容如下:
- 全新裝飾器
- const 類型參數(shù)
- extends 支持多配置文件
- 所有枚舉都是聯(lián)合枚舉
- --moduleResolutionbundler
- 自定義解析標(biāo)志
- --verbatimModuleSyntax
- 支持 export type *
- JSDoc 支持 @satisfies
- JSDoc 支持 @overload
- 編輯器中不區(qū)分大小寫的導(dǎo)入排序
- 完善 switch/case
- 優(yōu)化速度、內(nèi)存和包大小
- 6 月 1 日,TypeScript 5.1 發(fā)布,更新內(nèi)容如下:
- 改進(jìn)函數(shù)返回值類型 undefined 的類型推斷
- getter和setter支持設(shè)置不同類型
- JSX 元素和 JSX 標(biāo)簽類型之間解耦類型檢查
- 帶命名空間的 JSX 標(biāo)簽
- typeRoots在模塊解析中被查詢
- JSX 標(biāo)簽支持鏈接光標(biāo)
- @Param JSDoc 標(biāo)簽中支持代碼補全
- 8 月 22 日,TypeScript 5.2 發(fā)布,更新內(nèi)容如下:
- 支持顯式資源管理
- 裝飾器元數(shù)據(jù)
- 命名和匿名元組元素
- 聯(lián)合類型數(shù)組方法調(diào)用
- 對象成員的逗號自動補全
- 內(nèi)聯(lián)變量重構(gòu)
- 重大變更和正確性修復(fù)
- 11 月 14 日,TypeScript 5.3 發(fā)布, 更新內(nèi)容如下:
- 導(dǎo)入屬性
- 導(dǎo)入類型中穩(wěn)定支持 resolution-mode
- 所有模塊模式均支持 resolution-mode
- switch (true) 縮小范圍
- 對布爾值進(jìn)行比較的縮小范圍
- 通過 Symbol.hasInstance 進(jìn)行 instanceof 類型縮小
- 實例字段上的 super 屬性訪問檢查
- 嵌入提示支持跳轉(zhuǎn)到類型的定義
- 通過跳過 JSDoc 解析進(jìn)行優(yōu)化
- 通過比較非標(biāo)準(zhǔn)交集進(jìn)行優(yōu)化
- 整合 tsserverlibrary.js 和 typescript.js
React 推出全新官方文檔
3 月 17 日,在 React 新文檔的 Beta 版上線一年之后,React 終于正式發(fā)布了全新的 React 官方文檔!新文檔已啟用新的域名:https://react.dev/。
新文檔主要包含以下部分:
- 教程和指南:提供了大量的教程和指南,幫助開發(fā)者從零開始學(xué)習(xí)React或深入研究特定主題。
- 代碼示例和演示:提供了一系列的代碼示例和演示,展示了React的強大和靈活性。
- 最佳實踐和技巧:了解最新的 React 最佳實踐和技巧,學(xué)習(xí)如何優(yōu)化代碼以實現(xiàn)更好的性能。
- 社區(qū)論壇:與其他 React 開發(fā)人員聯(lián)系,在項目中獲得幫助或在社區(qū)分享專業(yè)知識。
- 新聞和更新:第一時間了解 React 開發(fā)團(tuán)隊的最新版本、更新和新聞。
Electeon 更新
2023 年,跨平臺桌面應(yīng)用開發(fā)工具 Electron 發(fā)布了四個主要版本:
- 4 月 4 日, Electron 發(fā)布 24.0.0
- 5 月 30 日,Electron 發(fā)布 25.0.0
- 8 月 15 日,Electron 發(fā)布 26.0.0
- 10 月 10 日,Electron 發(fā)布 27.0.0
Chrome 發(fā)布 WebGPU
經(jīng)過多年的開發(fā),Chrome 團(tuán)隊發(fā)布 WebGPU,它允許在 Web 上進(jìn)行高性能 3D 圖形和數(shù)據(jù)并行計算。WebGPU 默認(rèn)在 Chrome 113 中可用。
WebGPU 是一種新的 Web API,它公開了現(xiàn)代硬件功能,并允許在 GPU 上進(jìn)行渲染和計算操作,類似于 Direct3D 12、Metal 和 Vulkan。與 WebGL 系列 API 不同,WebGPU 提供了對更高級 GPU 功能的訪問,并為 GPU 上的通用計算提供一流的支持。該 API 的設(shè)計考慮了 Web 平臺,具有常用的 JavaScript API、與 Promise 的集成、對導(dǎo)入視頻的支持以及帶有大量錯誤消息的完善的開發(fā)人員體驗。
Node.js 更新
2023 年,Node.js 發(fā)布了兩個主要版本:
- 4 月 18 日,Node.js 20 發(fā)布, 更新內(nèi)容如下:
- 全新的 Node.js 權(quán)限模型
- 自定義 ESM loader hooks
- 穩(wěn)定的測試運行器
- Web Crypto API
- 更新 V8 JavaScript 引擎到 11.3
- 性能提升
- 8 月 28 日,Node.js 20.6 發(fā)布,該版本原生支持 .env 文件。
- 10 月 17 日,Node.js 21 發(fā)布,更新內(nèi)容如下:
- 將 V8 引擎升級到 11.8 版本
- 穩(wěn)定的WebStreams和 fetch 功能
- 用于更改模塊默認(rèn)值的新實驗性標(biāo)志
- 對測試運行器進(jìn)行更新
- 內(nèi)置 WebSocket 客戶端
除此之外,Node.js 16 已于 2023.9.11 到達(dá)生命周期結(jié)束(EOL),屆時 Node.js 16 已停止維護(hù)。
Vite 更新
- 2 月,Vite 4.1 發(fā)布,該版本主要是將 Rollup 和 esbuild 的版本進(jìn)行同步。值得注意的是 React 插件的升級:Plugin-react 插件修復(fù)了很多熱更新(HMR)方面的問題,并且采用 SWC 的版本增加了對 SWC 插件的支持。
- 3月,Vite 4.2 發(fā)布,該版本的主要改進(jìn)是提升了 source map 的調(diào)試體驗。Vite 團(tuán)隊與 Chrome Devtools 團(tuán)隊進(jìn)行合作,修復(fù)了一些長期存在的路徑顯示問題。通過x_google_ignoreList source map 擴(kuò)展添加了排除文件的選項來排除堆棧跟蹤。
- 4 月,Vite 4.3 發(fā)布,該版本專注于改進(jìn) devServer 的性能,性能大幅提升:
- 7 月,Vite 4.4 發(fā)布,該版本添加了對 Lightning CSS 的實驗性支持。這是一個使用 Rust 編寫的快速 CSS 編譯工具,它可以加快 CSS 的處理速度。這個功能是可選的,需要顯式地安裝 Lightning CSS,并將其用于處理 Vite 內(nèi)部的 CSS 轉(zhuǎn)換,如導(dǎo)入內(nèi)聯(lián)和 CSS 模塊化,還可以用于對 CSS 進(jìn)行壓縮處理。
- 11 月,Vite 5.0 發(fā)布,該版本專注于清理 API(刪除不推薦使用的功能),并簡化了解決長期問題的幾個功能,例如切換定義以使用正確的 AST 替換而不是 regex。團(tuán)隊還將繼續(xù)采取措施來實現(xiàn)未來的 Vite(Node.js 18+ 現(xiàn)在是必需的,CJS Node API 已被棄用)。
Vue.js 推出框架能力官方認(rèn)證
4 月 25 日,Vue 正式推出框架能力官方認(rèn)證,即 Vue.js 框架能力證書,該認(rèn)證由 Vue School 與 Vue.js 團(tuán)隊合作提供支持。
該認(rèn)證的試題集和代碼挑戰(zhàn)由 Vue.js 核心團(tuán)隊審核,包括尤雨溪。他們的直接參與有助于確保所測試的能力是實現(xiàn) Vue.js 框架最佳使用所必需的能力。計劃收入的一部分將用于支持 Vue.js 開發(fā)。
Qwik 發(fā)布 1.0 版本
5 月 2 日,追求極致性能的前端框架 Qwik 發(fā)布了 1.0 版本!Qwik 類似于 React,它也使用用 JSX 編寫的組件作為模板,主要區(qū)別在于其專注于在瀏覽器中傳輸最少的 JavaScript。
Qwik 不依靠水合來為服務(wù)器上生成的頁面帶來交互性,而是使用一種稱為可恢復(fù)性的技術(shù)來提供即時交互的 HTML。它通過在 HTML 本身中序列化應(yīng)用的狀態(tài)來工作。該項目由 Mi?ko Hevery 領(lǐng)導(dǎo),他是 AngularJS 的創(chuàng)建者,他的口號是“為 Web 應(yīng)用增強 HTML”,Qwik 就是“HTML 優(yōu)先的框架”。
在 2022 年 JavaScript 明星項目的前端框架排行中,Qwik 排在第二位,僅次于 React。
Qwik 提供快速擴(kuò)展的即用型集成,可以與您喜歡的庫和框架輕松集成。只需在命令行上運行npx qwik add,然后從列表中選擇所需的集成即可:
- 一次編寫,任意部署:支持多個主流云托管服務(wù)商,包括Azure、Cloudflare、Google Cloud Run、Netlify、Node.js、Deno、Vercel等,而且這個列表還在不斷增長。以與托管提供商無關(guān)的方式編寫應(yīng)用,避免廠商鎖定。
- UI組件:選擇使用QwikUI、Papanasi UI或經(jīng)過實戰(zhàn)檢驗的UI類庫,如Material UI、ChakraUI、Radix或通過Qwik-React使用其他基于React的組件庫。
- 圖像優(yōu)化:使用 @unpic/qwik 和 qwik-image 對圖像進(jìn)行優(yōu)化,以獲得最佳用戶體驗。
- 國際化:使用 $localize 和 qwik-speak 支持多語言交付應(yīng)用。
- 身份驗證:使用業(yè)界領(lǐng)先的AuthJS為應(yīng)用添加多種認(rèn)證策略。
- CMS:Qwik 與 Builder.io 原生集成,可用于結(jié)構(gòu)化數(shù)據(jù)和組件級頭部內(nèi)容創(chuàng)建和發(fā)布。
- 樣式:Qwik 允許延遲加載和組件級樣式封裝。結(jié)合PostCSS、Vanilla Extract或Tailwind等流行解決方案,實現(xiàn)樣式需求。
- 測試:使用 Vitest 進(jìn)行單元測試,使用 Playwright 和 Cypress 進(jìn)行端到端測試。使用 Storybook 開發(fā)和測試組件。
- 企業(yè)準(zhǔn)備:使用qwik-nx為企業(yè)規(guī)模的應(yīng)用和monorepo開發(fā)提供特殊的生成器和執(zhí)行器。
React 推出 Canary 版本
React 團(tuán)隊希望給 React 社區(qū)提供一個選項,使其可以在新功能的設(shè)計接近完成時就可以選擇使用這些功能,而不必等到它們發(fā)布為穩(wěn)定版本,因此引入了一個新的官方支持的 Canary 發(fā)布渠道,這個渠道將使用單獨的 React 功能與 React 發(fā)布計劃解耦。
- React 團(tuán)隊為 React 引入官方支持的 Canary 發(fā)布渠道。由于它得到官方支持,如果出現(xiàn)任何回歸,將像對待穩(wěn)定版本中的錯誤一樣緊急處理。
- 使用 Canary 可以在它們被發(fā)布為穩(wěn)定的語義化版本之前開始使用單獨的新 React 功能。
- 與實驗功能不同,React Canaries 僅包含有理由相信可以采用的功能,鼓勵框架考慮捆綁固定的 Canary React 版本。
- 將在 React 官方博客上宣布 Canary 版本中的重大更改和新功能。
- React 將在每個穩(wěn)定版本中繼續(xù)遵循語義化版本(Semver)。
Vue 發(fā)布 3.3 版本
5 月 11 日,Vue 3.3 正式發(fā)布,代號為 Rurouni Kenshin。此版本更新主要針對開發(fā)者體驗進(jìn)行了改進(jìn),特別是在使用 TypeScript 時的 SFC


咨詢
建站咨詢