今年的十月,不知道你們在 TODO List 上新增了多少條目準備嚐鮮,你可能已經準備了 Vue三、Webpack5 以及 React v17.0 RC,然而十月中可卻遠不止這些東西值得一試,npm CLI 提示你能夠經過
npm install -g npm@7
體驗新版本,Chromium Blog 的推文也顯示 Chrome 正在部署 HTTP/3 和 IETF QUIC……
天高地迥,覺宇宙之無窮
npm v7.0.0 帶來了比較多的新特性,Workspaces
、peerDependencies
自動被安裝、支持yarn.lock
等,將與NodeJS v15
一塊兒發佈。若是你想當即嘗試,能夠使用npm i -g npm@7
在終端運行安裝。html
QUIC(Quick UDP Internet Connections)是谷歌制定的一種基於UDP的低延時的互聯網傳輸層協議,結合了TCP、TLS等協議的特性。HTTP/3 是HTTP的最新版本,僅在QUIC上運行。\
譯文:https://www.oschina.net/news/...前端
Module Federation
是 Webpack 5 的新特性之一,它能夠使 JavaScript 應用在客戶端或服務器上動態運行另外一個 bundle 或者 build 的代碼。在瞭解學習這個特性的過程當中,本文是最好的教程,由於它是由Module Federation
的做者之一的Zack Jackson發佈的,他在文中寫到"Module Federation
之於JavaScript Bundler
,如同Apollo
之於GraphQL
",並闡述了相關的技術實現以及項目實踐。\
譯文: https://zhuanlan.zhihu.com/p/...git
瞭解動畫效果的力學原理對於設計的還原度很是重要,本文深度剖析 iOS UI 滾動視圖動畫的力學原理。\
譯文:http://www.martinrgb.com/blog...github
字體是設計的基本要素之一,然而關於 Type Design 的視頻少之又少,非專業人士對其認知也很是有限,不少人都會以爲:「啊,原來空氣也是要設計的嗎?」,字體做爲設計的基本要素之一,它關乎着一個民族的設計風格,這個視頻用短短的六分鐘簡單動畫和旁白將中文字體的基礎知識給說明白了~chrome
相比起有名的bodymovin lottie,svga使用了另外一種方法記錄動畫信息:每一幀的信息在導出前計算好,記錄在導出好的文件中,播放器在渲染時只需逐幀渲染,不需關心關鍵幀間插值的計算。由此帶來的是解析、播放器的庫比lottie的精簡許多(gzip前57KB),導出的文件也較小;另外限制也更多:不支持複雜的矢量形狀圖層、不支持AE自帶的漸變、生成、描邊、擦除等、對設計工具原生動畫不友好,對圖片動畫友好npm
滄海拾遺,積跬步以致千里
字體設計是設計中的基本要素,一樣也是在還原設計稿的過程當中,提高用戶體驗的重要一環,在兼顧體驗的同時 101% 的來還原設計稿的全部細節才能不負項目中全部同窗的心血。這篇關於 Web 中文字體處理的方案總結,相信會讓你們都有所收穫,特殊字體和網頁性能不再是一道單選題了~編程
JS1k 這個大賽不知道有多少同窗聽過,在限制 1024 字節內的 JavaScript 代碼完成一個參賽做品,而本期推薦的這個 3D 小遊戲就出自這個比賽,很難以置信對吧,還不快進來爽一把!(順便給你們一個小問題,若是讓你來用 1KB 之內的代碼完成一個 3D 小遊戲,能夠作到嗎?)前端框架
「蒲公英」期刊,每週更新,咱們專一於挖掘「 基礎技術、 工程化、 跨端框架技術、 圖形編程、 服務端開發、 桌面開發、 人工智能、 設計哲學、 前端框架」等多個大方向的業界熱點,並加以專業的解讀;不只如此,咱們還會推介精選凹凸技術文章,向你們呈現團隊內的研究技術方向。擡頭仰望,蒲公英的種子會生根發芽,如夏花絢爛;格物致知,咱們登高遠眺、滄海拾遺,以求積硅步而至千里。服務器
歡迎關注凹凸實驗室博客:aotu.io
或者關注凹凸實驗室公衆號(AOTULabs),不定時推送文章。