蒲公英 · JELLY技術週刊 Vol.11 Lighthouse 測試報告生成

登高遠眺

天高地迥，覺宇宙之無窮

基礎技術

Lighthouse 測試內幕

文章分享了網易雲音樂前端性能監控平臺使用 Lighthouse 的實踐經驗，介紹了 Lighthouse 的測試流程、內部模塊實現以及性能指標計算等。文章循循善誘，使用清晰明瞭的架構圖和簡單易懂的代碼例子，剖析了 Lighthouse 從創建連接、蒐集、審計評分到主要性能指標的審計實現原理。本文鞭辟入裏，乾貨滿滿，實在爲不可多得的深度好文。

前端框架

Vue3 究竟好在哪裏？

文章從邏輯複用、代碼組織、使用案例、技術原理等方面較爲深刻地剖析了 Vue 3 的 Composition API，最終得出結論：1. 使用 Vue 3 還寫意大利麪條式的代碼是開發者水平不足致使的；2. 使用 Vue 3 心智負擔不高。除此以外，Vue 的做者尤雨溪也出沒在本文評論區，在線推銷 Vue 3。

設計哲學

聖盃與銀彈 · 沒用的設計模式

文章理性且批判性地詮釋了怎樣纔是學習設計模式的最佳方式，盲目套用書中的抽象理論每每只會使項目變得更糟糕。設計模式都是從大量的實踐項目中總結出的抽象理論，在不一樣的編程範式和項目場景下，同一種設計模式可能會產出徹底不一樣的實現。因此，做者推薦學習系統設計的更好方式是：選擇優秀的開源項目學習其頂層設計和底層實現並在項目中不斷實踐。在我看來，這篇文章的價值遠不止於此，做者的思考方式對於學習軟件開發的方方面面都存在寶貴的指導做用。

圖形編程

使用 Three.js 實現 3D 動態文字

手把手教你如何使用 Three.js 把文字做爲貼圖附着在 3D 模型表面，並使之運動起來，實現 2D 動畫難以帶來的視覺衝擊。

人工智能

VALSE 技術研討會

一個可以跟大牛近距離接觸的公衆號，每週會請來自各大學/大廠的AI專家對本身領域的進展作分享。目前已有邀請阿里達摩院高級開發，電子科大教授等大牛進行圖像分析方面的分享。可以極大的方便跟蹤如今業界最前端的探究方向。

如何使用深度學習識別 UI 界面組件？

詳細的介紹了使用機器學習來識別 UI 界面元素的完整流程，包括：現狀問題分析、算法選型、樣本準備、模型訓練、模型評估、模型服務開發與部署、模型應用等。

廣告點擊率預估是怎麼回事？

在電商全圖片場景的背景下，探究廣告圖對用戶點擊率及轉化率的影響一定十分有意義，廣告也成爲衆多一線大廠的必爭之地，藉助於AI來創建廣告預測模型用更科學的方法來提高設計效率及用戶體驗。本文帶你瞭解點擊率預測究竟是什麼以及創建CTR模型的步驟和常見CTR預估算法。

工具推介

any-rule

any-rule 倉庫收錄了平常開發中較爲經常使用的正則表達式，包括手機號、各種連接地址、各平臺帳號等 60+ 條精準匹配的正則式，另外支持 web / vscode / idea / Alfred Workflow 多平臺，建議收藏。不再用擔憂 Google 搜索到的正則不許確啦～

滄海拾遺

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

AI Typography

人工智能始終是將來的主要方向之一，文字識別、UI組件學習、廣告點擊率估算？除此之外還能有什麼合適的場景呢？或許你已經聽過了凹凸實驗室的羚瓏，可是對其不甚瞭解，那麼這篇關於 AI 版式設計的文章，可能會幫助你更好地思考咱們與人工智能的關係。

羚瓏AI系列分享之機器學習科普入門

文字是很好的載體，可是視頻也是同樣，人工智能並非一兩句話可以講完的事情，不過相信這一期凹凸極客沙龍的回顧視頻，Mark 老師可以給你一個帶來不同的視角，深刻淺出講解在咱們身邊那些人工智能應用的場景！

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

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