# 蒲公英 · JELLY技術週刊 Vol.26 > 今年的十月，不知道大家在 TODO List 上新增了多少條目準備嚐鮮，你可能已經準備了 Vue3、Webpack5 以及 React v17.0 RC，然而十月中可卻遠不止這些東西值得一試，npm CLI 提示你可以通過`npm install -g npm@7`體驗新版本，Chromium Blog 的推文也顯示 Chrome 正在部署 HTTP/3 和 IETF QUIC…… ## 登高遠眺 > 天高地迥，覺宇宙之無窮 ### 基礎技術 #### [NPM v7.0.0 釋出](http://3.cn/100-s3uf4) npm v7.0.0 帶來了比較多的新特性，`Workspaces`、`peerDependencies`自動被安裝、支援`yarn.lock`等，將與`NodeJS v15`一起釋出。如果你想立即嘗試，可以使用`npm i -g npm@7`在終端執行安裝。 #### [Chrome 正在啟用 HTTP/3，支援 IETF QUIC](http://3.cn/100s3u-oG) QUIC（Quick UDP Internet Connections）是谷歌制定的一種基於UDP的低延時的網際網路傳輸層協議，結合了TCP、TLS等協議的特性。HTTP/3 是HTTP的最新版本，僅在QUIC上執行。\ 譯文：https://www.oschina.net/news/119045/chrome-is-deploying-http3-and-ietf-quic ### 工程化 #### [Webpack 5 Module Federation: JavaScript 架構的變革者](http://3.cn/1-00s3vm0) `Module Federation`是 Webpack 5 的新特性之一，它可以使 JavaScript 應用在客戶端或伺服器上動態執行另一個 bundle 或者 build 的程式碼。在瞭解學習這個特性的過程中，本文是最好的教程，因為它是由`Module Federation`的作者之一的[Zack Jackson](https://github.com/ScriptedAlchemy)釋出的，他在文中寫到"`Module Federation`之於`JavaScript Bundler`，如同`Apollo`之於`GraphQL`"，並闡述了相關的技術實現以及專案實踐。\ 譯文: https://zhuanlan.zhihu.com/p/120462530 ### 圖形程式設計 #### [iOS UIScrollView 動畫的力學原理](http://3.cn/100s-3uEe) 瞭解動畫效果的力學原理對於設計的還原度非常重要，本文深度剖析 iOS UI 滾動檢視動畫的力學原理。\ 譯文：http://www.martinrgb.com/blog/index.html#/HOW_UIScrollView_Works ### 設計哲學 #### [被忽視的設計：中文字型](http://3.cn/100s-3uS6) 字型是設計的基本要素之一，然而關於 Type Design 的視訊少之又少，非專業人士對其認知也非常有限，很多人都會覺得：“啊，原來空氣也是要設計的嗎？”，字型作為設計的基本要素之一，它關乎著一個民族的設計風格，這個視訊用短短的六分鐘簡單動畫和旁白將中文字型的基礎知識給說明白了～ ### 工具推介 #### [svga——AE動畫的另一個實現/展示方法](http://3.cn/15w-rjhn) 相比起有名的bodymovin lottie，svga使用了另一種方法記錄動畫資訊：每一幀的資訊在匯出前計算好，記錄在匯出好的檔案中，播放器在渲染時只需逐幀渲染，不需關心關鍵幀間插值的計算。由此帶來的是解析、播放器的庫比lottie的精簡許多(gzip前57KB)，匯出的檔案也較小；另外限制也更多：不支援複雜的向量形狀圖層、不支援AE自帶的漸變、生成、描邊、擦除等、對設計工具原生動畫不友好，對圖片動畫友好 ## 滄海拾遺 > 滄海拾遺，積跬步以至千里 #### [設計稿 101% 還原之 Web 字型處理](http://3.cn/100s3u-oH) 字型設計是設計中的基本要素，同樣也是在還原設計稿的過程中，提升使用者體驗的重要一環，在兼顧體驗的同時 101% 的來還原設計稿的所有細節才能不負專案中所有同學的心血。這篇關於 Web 中文字型處理的方案總結，相信會讓大家都有所收穫，特殊字型和網頁效能再也不是一道單選題了～ #### [1KB 的 3D 遊戲 ？？？](http://3.cn/10-0s3v7p) JS1k 這個大賽不知道有多少同學聽過，在限制 1024 位元組內的 JavaScript 程式碼完成一個參賽作品，而本期推薦的這個 3D 小遊戲就出自這個比賽，很難以置信對吧，還不快進來爽一把！（順便給大家一個小問題，如果讓你來用 1KB 以內的程式碼完成一個 3D 小遊戲，可以做到嗎？） > 「蒲公英」期刊，每週更新，我們專注於挖掘「**基礎技術**、**工程化**、**跨端框架技術**、**圖形程式設計**、**服務端開發**、**桌面開發**、**人工智慧**、**設計哲學**、**前端框架**」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。 > > 抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積矽步而至千里。 > > [蒲公英 · JELLY技術週刊貢獻指南](http://3.cn/12dbZQ-x)  ------- 歡迎關注凹凸實驗室部落格：[aotu.io](https://aotu.io/) 或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章： ![歡迎關注凹凸實驗室公眾號](https://img2020.cnblogs.com/other/1992869/202010/1992869-20201021102254395-1168407