HEADER

蒲公英 · 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 作為下一代的圖片壓縮技術，【譯文】https://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% 的呈現，

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

抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里，

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