技術週刊 · Lighthouse 測試報告生成

凹凸實驗室發表於2020-06-17

HEADER

登高遠眺

天高地迥,覺宇宙之無窮

基礎技術

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 老師能夠給你一個帶來不一樣的視角,深入淺出講解在我們身邊那些人工智慧應用的場景!

FOOTER

歡迎關注凹凸實驗室部落格:aotu.io

或者關注凹凸實驗室公眾號(AOTULabs),不定時推送文章:

歡迎關注凹凸實驗室公眾號

相關文章