蒲公英 · JELLY技術周刊 Vol.22: npm i [email protected]
蒲公英 · JELLY技術周刊 Vol.22
近期 React Router 已經釋出了 6.x 的 beta 版本，正式版本已經不遠了，作為 React 生態中的重要組成部分，React Router 被廣泛應用於各個 React 項目中，而它的每一次版本迭代也都備受關注。本次 React Router 具體有哪些改動？升級會帶來多少新鮮特性？升級又需要付出多少成本？項目需不需要升級跟進？相信看完你會有自己的答案，小助手現在就要去嘗鮮體驗一把啦。
登高遠眺
天高地迥，覺宇宙之無窮
基礎技術
Text Fragments，一種你沒見過的錨點技巧
Text Fragments（文本片段）是 Chromium 80+ 的新功能。使用 Text Fragments，我們可以在 URL 中指定文本片段作為錨點。當瀏覽器打開一個帶有 Text Fragments 的 URL 時，瀏覽器會對匹配到的文本進行強調，引起用戶的注意。
AVIF 已經來了
本文使用四幅不同的圖片：細節豐富的照片/平面插畫/重型SVG/漸變圖作為 Demo，將常見的圖片格式：JPEG，WebP，PNG 與 AVIF 進行比較，揭秘 Netflix 為什麼選擇 AVIF 作為下一代的圖片壓縮技術。【譯文】//juejin.im/post/6870741995204132877
【WASM 開發】Emscripten 使用入門
Emscripten 是 WebAssembly 工具鏈里重要的組成部分。它能夠幫助我們把 C/C++ 編譯為 asm.js 或 WebAssembly，輸出可以運行在 Web、Node.js 和 wasm runtimes 的程式碼。文章從一個 C 的 HelloWorld 展開，逐步介紹了調試、WASM 與 JavaScript 相互調用、Emscripten API 等知識點。閱讀完本文後，讀者能夠掌握 Emscripten 的基本用法，學習到 asm.js/WASM 與 JavaScipt 實現交互的部分細節。
前端框架
【React 動態】React Router 6 新特性
React Router 最近發布了 6.x 的 beta 版本，相信很快將會發布正式版。作為 React 生態的重要組成部分，React Router 被廣泛用於各 React 項目中。本次的升級將會引入哪些新特性、又是否會帶來非兼容性改動呢？本文詳細介紹了 React Router 6 的各項具體改動，其中 Route/Link 組件需要書寫相對路徑、支援以對象形式定義路由以及 suspense-ready navigate API 比較值得關注。
服務端開發
libuv 教程
熟悉 Node 的同學，對 libuv 肯定不陌生。libuv 是一個高性能的，事件驅動的I/O庫，並且提供了跨平台（如 Windows，Linux）的API。Nikhil Marathe 在寫node-taglib 的時候苦於沒有好理解的 libuv 教程，於是就寫了這本小冊，現在已經被納入 libuv 官方文檔，有興趣的同學，不妨嘗試看一看，一定會為你打開一個新的世界。
設計哲學
如何為數據可視化選擇顏色？
選擇好用的顏色往往不是一件容易的事情，為圖表選擇合適的顏色也是如此，如果您完全不懂顏色，在選擇顏色這件事情上有很大的困難，那麼希望本文可以教會您尋找適合數據可視化的顏色，或者是製作 PPT 的色板。
滄海拾遺
滄海拾遺，積跬步以至千里
CSS層疊上下文和層疊順序原理探究
作為前端開發，CSS 是我們慣手的工具，它和 HTML 充斥著日常工作的方方面面，但是對於它的原理卻不是每個人都可以心中有數的。作為一篇 15 年的「古文」，這些細緻的知識點經過歲月的沉澱至今，都依舊是大家需要好好學習的。
設計稿の超完美復刻
完美還原設計稿，不僅承載著設計師們的期待，更是對前端基本功的一個考驗，但是很多時候，除了技術本身，還有很多以外的東西是我們需要思考判斷的。如果只是復刻設計稿，在實際工作中並不足以將項目的體驗做到極致，發揮出主觀的能動性才能讓項目完成最終 101% 的呈現。
「蒲公英」期刊，每周更新，我們專註於挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智慧、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里。
歡迎關注凹凸實驗室部落格：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
