蒲公英 · JELLY技術周刊 Vol.04

「蒲公英」期刊全新升級——JELLY技術周刊！深度挖掘業界熱點動態，來自團隊大咖的專業點評，帶你深入瞭解團隊研究的技術方向。

登高遠眺

天高地迥，覺宇宙之無窮

基礎技術

WebAssembly 入門

WebAssembly 是一種類彙編語言，相比 Javascript 有著更快的解析和執行速度，能幫助我們突破 Web 應用中的性能瓶頸。文章介紹了 WASM 的開發背景、發展願景、關鍵概念還有主要用途，能讓我們清晰地瞭解 WASM 技術的整體脈絡，為拓展性能優化新的思路。

從代碼到像素，現代瀏覽器如何把頁面呈現給你？

谷歌出品的系列文章，用精美的圖表和簡潔的文字，從非常基礎的硬體知識，瀏覽器的的架構到渲染的進程，深入淺出地介紹了現代瀏覽器是如何進行工作的。瞭解瀏覽器的工作過程，有助於我們編寫合理的代碼，找出或者避免頁面中的性能瓶頸，帶來更好的用戶體驗。

跨端框架技術

一個易遷移、相容性高的 Flutter 富文本方案

在Flutter的富文本中，不同的版本的實現方式是不一樣的，因此我們需要找到一個相容性高、易遷移的富文本方案，來方便我們把富文本的功能從低版本遷移到高版本的Flutter中，在本篇文章中，作者將通過分析高版本富文本的實現原理，並通過正則替換，以及對HTML Node Tree的分析來逐步實現遷移的目的。

百度小程式框架性能優化實踐

本文首先闡述了百度智能小程式整體的框架及演進，然後介紹了小程式框架自身的性能優化實踐。最後結合百度小程式的底層原理，從開發者角度為我們羅列了一系列具體的優化方案。如業務骨架屏反而會影響展示速度等，相信大家閱讀後能更好地提高小程式的性能。

設計哲學

一個好的組件應該是什麼樣的？

如今組件/組件庫已經以各種形態存在於每一個前端團隊中，但是一個好的組件/組件庫不單單隻是功能的輸出，清晰的文檔說明、友好的 Demo 演習以及便捷的索引能力也同等重要，作者用輕鬆的文字帶領讀者重新認識組件，講述開發一個組件/組件庫的各種最佳實踐，相信能給正在搭建自己團隊組件庫的同學一些啟發。

圖形編程

演算法推薦：點陣圖轉矢量圖演算法 Potrace

Potrace 是一套用於將點陣圖轉換為矢量圖形的演算法，由於其具有高性能和輸出質量高的優點被廣泛應用於各種圖形編輯軟體中，典型的應用場景是從掃描的圖像數據（例如公司或大學的徽標、手寫的筆記等）生成 SVG或 PDF 文件。輸出過程中，演算法會對圖像做平滑處理後再進行轉化，保證圖形的完整性與可讀性。

人工智慧

機器學習的診斷可視化平臺

Yellowbrick 是一個圖形化展示機器學習效果的平臺。機器學習輸入輸出都是數據集，對於效果評估特別是多個參數對比的時候會非常不直觀。而這個平臺提供了多個常用演算法、維度的輔助方法，能以圖表的方式直觀展現不同參數/演算法效果間的差異。

工具推介

賽高！一個掃碼就可以跨端傳輸文件的工具

4 月 24 日，一個通過生成二維碼實現電腦和手機之間互傳文件的項目登上了 GitHub 熱榜第一。掃描生成的二維碼，電腦和手機上的文件就可通過 Wi-Fi 互傳。簡單來說，就是將 Web 伺服器綁定到隨機埠上的 Wi-Fi 網路介面地址，然後為其創建一個處理程式。Linux 系統和安卓系統互傳文件也不在話下。

滄海拾遺

滄海拾遺，積跬步以至千里

看完今天的推薦文章，讓我們來回顧下關於調試的內容吧，希望這兩篇調試的指北文章能讓你有所收穫。

Node 生產環境調試

本文以問答的形式，介紹生產環境中該如何去調試 Node 應用。文章覆蓋到了性能問題、崩潰問題、記憶體泄露的檢查和解決手段，還不快來瞭解一下！

移動端真機調試指南

隨著移動設備的普及以及微信龐大的用戶量，移動端的需求也隨之爆髮式增長，平時我們使用 Chrome 進行手機模擬頁面開發，但模擬終究是模擬，不可避免的還是需要真機調試，本文會以圖文並茂介紹了幾種常用的移動端真機調試方案。

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

或者關註凹凸實驗室公眾號（AOTULabs），不定時推送文章：