或許你曾聽過這樣一個說法，最初的知識圖譜設計就是互聯網本身，它如河海不擇細流，故能成就如今龐大的網絡，也不斷幫助我們梳理自己的知識體系。比方說對於 Web 動效你知道多少種實現？異步編程的本質是什麼？React like 框架快速更新的原理又是什麼……
觀海志
登山則情滿於山，觀海則意溢於海
從根本上了解異步編程體系
梗概：計算機中有一個非常顯著的特點，就是不同硬件的訪問速度有着天壤之別，這讓幾乎所有的優化都是圍繞這個點來進行。在 20 年前，利用多線程就是解決併發的最主流方案，但是由於系統面臨的併發數越來越大，在有限的資源下，我們也不得不尋找更好的解決方法：異步。異步的目的不是讓單個任務執行得更快，而是爲了讓計算機在相同時間內可以完成更多任務。
推薦語：從根本上了解異步編程體系，從硬件、操作系統、線程、語言層面逐步分析，抽絲剝繭，通過例子帶領大家一步一步看懂異步編程的一些本質原理，由表及裏，非常好的科普文章。
Prefresh, Fast-refresh for Preact
梗概：文章主要介紹了 Prefresh 的工作原理，閱讀本文讀者能瞭解到 Prefresh 的 Babel 插件、Webpack 插件和運行時分別做了什麼事情，又是怎麼配合完成 React 組件的熱更新的。
推薦語：熱更新是現代 Web 開發中必不可少的一環。對於 React 生態，過去我們使用 react-hot-loader 去實現對 React 組件的熱更新，現在則是使用 React Fast Refresh。Preact 藉助 Prefresh 去實現類似的功能，又因爲 Prefresh 基於 React Fast Refresh，因此閱讀本文能掌握同類型工具的底層原理。
Web 動效實例詳解
梗概：一套非常完整的 Web 動效基礎教程，由類似 Webflow 的可視化建站工具 Tilda 提供
推薦語：該指南通過示例和使用技巧介紹 Web 動畫技術，在業務中使用動畫沒有頭緒時，可以翻翻看，興許會大有收穫～
Doodle Ipsum
梗概：文字排版佔位有 Lorem Ipsum，那插畫是否也能有對應的產品呢？於是有了 Doodle Ipsum，除了豐富的隨機選項之外，還支持用 URL 的形式使用自定義插畫，類似於 Image PlaceHolder
推薦語：想法固然重要，對於前端開發工程師來說，能深入理解產品背後的技術細節，想必更爲重要。既然插畫有 Doodle Ipsum，那實際業務中是否可以有商品圖 Ipsum 呢？
流觴亭
因山卜地心機巧，望水如天眼力窮
Theia 中的通訊協議詳解
梗概：作爲 Cloud IDE 常用的拓展平臺，Theia 通過自己實現的 JSON-RPC 協議幫助各個插件模塊直接的相互通信，本文從註冊一個基礎服務開始教你如何完成 Theia JSON-RPC 的通信流程，並詳細描述其實現的優缺點，並給出解決方案，
推薦語：或許不是所有人都需要做一個 Cloud IDE，但實現過程中的遇到的問題和解決方案，以及對於方案優劣的思考和取捨，是每個項目中都會遇到的。在 Cloud IDE 中碰到的每一個問題都值得很多其他類型的項目中去參考和借鑑，而本文雖然有一定的閱讀門檻，但依舊可以幫助到大家對於 JSON-RPC 有一定的認知和思考。
寫在最後
「蒲公英」期刊，每週更新，我們專注於挖掘「基礎技術、工程化、跨端框架技術、圖形編程、服務端開發、桌面開發、人工智能、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積硅步而至千里。
往期回顧
更多前沿技術，歡迎大家繼續關注凹凸實驗室公衆號，小助手一直在這裏等你來撩哦～
👇 查看原文，電腦端更方便閱讀哦～
本文分享自微信公衆號 - 凹凸實驗室（AOTULabs）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。