天天看點

蒲公英 · JELLY技術周刊 Vol.26: 請問您這個月要來點肝麼?

蒲公英 · JELLY技術周刊 Vol.26: 請問您這個月要來點肝麼?

蒲公英 · 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 釋出

npm v7.0.0 帶來了比較多的新特性,

Workspaces

peerDependencies

自動被安裝、支援

yarn.lock

等,将與

NodeJS v15

一起釋出。如果你想立即嘗試,可以使用

npm i -g npm@7

在終端運作安裝。

Chrome 正在啟用 HTTP/3,支援 IETF QUIC

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 架構的變革者

Module Federation

是 Webpack 5 的新特性之一,它可以使 JavaScript 應用在用戶端或伺服器上動态運作另一個 bundle 或者 build 的代碼。在了解學習這個特性的過程中,本文是最好的教程,因為它是由

Module Federation

的作者之一的Zack Jackson釋出的,他在文中寫到"

Module Federation

之于

JavaScript Bundler

,如同

Apollo

GraphQL

",并闡述了相關的技術實作以及項目實踐。

譯文: https://zhuanlan.zhihu.com/p/120462530

圖形程式設計

iOS UIScrollView 動畫的力學原理

了解動畫效果的力學原理對于設計的還原度非常重要,本文深度剖析 iOS UI 滾動視圖動畫的力學原理。

譯文:http://www.martinrgb.com/blog/index.html#/HOW_UIScrollView_Works

設計哲學

被忽視的設計:中文字型

字型是設計的基本要素之一,然而關于 Type Design 的視訊少之又少,非專業人士對其認知也非常有限,很多人都會覺得:“啊,原來空氣也是要設計的嗎?”,字型作為設計的基本要素之一,它關乎着一個民族的設計風格,這個視訊用短短的六分鐘簡單動畫和旁白将中文字型的基礎知識給說明白了~

工具推介

svga——AE動畫的另一個實作/展示方法

相比起有名的bodymovin lottie,svga使用了另一種方法記錄動畫資訊:每一幀的資訊在導出前計算好,記錄在導出好的檔案中,播放器在渲染時隻需逐幀渲染,不需關心關鍵幀間插值的計算。由此帶來的是解析、播放器的庫比lottie的精簡許多(gzip前57KB),導出的檔案也較小;另外限制也更多:不支援複雜的矢量形狀圖層、不支援AE自帶的漸變、生成、描邊、擦除等、對設計工具原生動畫不友好,對圖檔動畫友好

滄海拾遺

滄海拾遺,積跬步以至千裡

設計稿 101% 還原之 Web 字型處理

字型設計是設計中的基本要素,同樣也是在還原設計稿的過程中,提升使用者體驗的重要一環,在兼顧體驗的同時 101% 的來還原設計稿的所有細節才能不負項目中所有同學的心血。這篇關于 Web 中文字型處理的方案總結,相信會讓大家都有所收獲,特殊字型和網頁性能再也不是一道單選題了~

1KB 的 3D 遊戲 ???

JS1k 這個大賽不知道有多少同學聽過,在限制 1024 位元組内的 JavaScript 代碼完成一個參賽作品,而本期推薦的這個 3D 小遊戲就出自這個比賽,很難以置信對吧,還不快進來爽一把!(順便給大家一個小問題,如果讓你來用 1KB 以内的代碼完成一個 3D 小遊戲,可以做到嗎?)

「蒲公英」期刊,每周更新,我們專注于挖掘「基礎技術、工程化、跨端架構技術、圖形程式設計、服務端開發、桌面開發、人工智能、設計哲學、前端架構」等多個大方向的業界熱點,并加以專業的解讀;不僅如此,我們還會推介精選凹凸技術文章,向大家呈現團隊内的研究技術方向。

擡頭仰望,蒲公英的種子會生根發芽,如夏花絢爛;格物緻知,我們登高遠眺、滄海拾遺,以求積矽步而至千裡。

蒲公英 · JELLY技術周刊貢獻指南

蒲公英 · JELLY技術周刊 Vol.26: 請問您這個月要來點肝麼?

歡迎關注凹凸實驗室部落格:aotu.io

或者關注凹凸實驗室公衆号(AOTULabs),不定時推送文章:

蒲公英 · JELLY技術周刊 Vol.26: 請問您這個月要來點肝麼?

繼續閱讀