美味值：?????
口味：茉莉烏龍
本期摘要
- TypeScript 4.9
- Ant Design 5.0
- 用 vanilla-extract 編寫高效能的 CSS
- 4 個必要的可訪問性測試
- Node.js 安全最佳實踐
- TypeScript 的型別系統中的彙編直譯器
大家好，我是童歐巴。歡迎來到本期的前端食堂技術週刊，我們先來看下上週的技術資訊。
技術資訊
1.TypeScript 4.9
自 RC 版本釋出以來，TypeScript 4.9 正式版沒有作出任何更改。如果之前的每期週刊你都在追更的話，想必對 TypeScript 4.9 的新特性早已經爛熟於心了，satisfies 真香。
2.Ant Design 5.0
設計升級
- 增加了 4 類新元件和 4+ 變體元件；
- 元件預設樣式全面升級。
全新 Design Token 模型
- 改造所有 Token，使其基於 Seed + Algorithm 可以派生出所有的 Design Token；
- 支援多演算法 Pipeline。
CSS-in-JS 動態主題
- 為了降低維護成本，選擇了 CSS-in-JS 方案，此方案不需要維護中間變數，但是有更多的執行時消耗。但是為了不損害使用者體驗，研發了針對元件級別的 CSS-in-JS 庫 @ant-design/cssinjs，透過犧牲動態性來獲取更高的快取效率，從而減少執行時的效能損耗；
- 新的 CSS-in-JS 方案原生支援 Tree Shaking，在 v5 你不在需要使用 babel-plugin-import 摘除未使用到的樣式。新的方案將自動按需載入樣式。
相容性調整
- Ant Design v5 相容性調整從 IE 11 提升至 Edge，其餘現代瀏覽器不變；
- 預設 Day.js 代替 Moment.js；
- API 非 Break 調整、元件移除(移除 Comment、PageHeader，BackTop 將會成為 FloatButton 子元件)。
關於升級指南、未來規劃等其他詳細內容請移步釋出公告閱讀。
下面我們來看技術資料。
技術資料
1.用 vanilla-extract 編寫高效能的 CSS
一篇 vanilla-extract 入門指南的長文。
2.4 個必要的可訪問性測試
文章中提出的測試包括顏色對比度、互動元素顏色對比、鍵盤互動以及焦點的可訪問性。
3.Node.js 安全最佳實踐
Node.js 官方團隊釋出的一篇關於安全最佳實踐的博文。
4.TypeScript 的型別系統中的彙編直譯器
繼續整活兒，TypeScript 的型別系統是“萬能的”。
其他資訊
好文推薦
下面來看一下好文推薦，本週推薦的好文是：
好了，以上就是本期的食堂週刊，觀眾老爺們如果覺得還不錯，一鍵三連是對食堂老闆最大的支援。
你的前端食堂，吃好每一頓飯，我們下期見。