蒲公英 · JELLY技術週刊 Vol.22: npm i react-router@6.0.0-beta.0

蒲公英 · 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/687074...

【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技術週刊貢獻指南

歡迎關注凹凸實驗室博客：aotu.io

或者關注凹凸實驗室公衆號（AOTULabs），不定時推送文章。