技術週刊（2019-03-12 前端數據採集與統計）

前端快爆

• Flutter 1.2 於 MWC 會議發佈。做爲 Flutter 第一個功能更新版本，本次升級包括：穩定性與性能提高、現有小部件的視覺效果與功能升級、基於 Web 的開發者工具以及集成了同時發佈的 Dart 2.2 提高了 Flutter 應用靜態編譯後的運行效率。🔗

點評：然而這個版本依然不支持選中文字複製。

• 據開發者透露，百度搜索全面接入百度小程序，搜索權重提高。除了自定義的小程序語法外，百度也與 Taro、WePy、mpvue 合做，能夠作到多端統一開發，直接編譯到百度小程序。與其它小程序最大的差別是，百度小程序能夠設定 SEO 信息以及小程序頁面到 H5 頁面的映射關係以幫助百度爬蟲抓取內容。🔗

點評：不得不說這是一個聰明的解決方案，百度陷入的信息孤島會被小程序打通麼？

• 幹掉密碼！W3C 批准 WebAuthn 成爲 Web 標準。WebAuthn 容許用戶經過多種方式，如生物識別、我的移動設備來進行身份認證。🔗

點評：微信和 FB 所表明的社交帳號已經接近成爲網絡身份證，留給標準的時間很少了。

• 第5屆CSS大會將於2019年3月30日在深圳科興科學園舉辦，大會網站：css.w3ctech.com

點評：歲月如歌，那些年清除的浮動總在我眼前清楚地浮動。

全民目睹

• 勞恩斯：汽車仿真配置器，一經發布便在 Reddit 上引發熱議，得益於 WebGL 的良好應用，被網友稱爲最流暢的 3D 汽車配置工具。

專題：數據採集與統計

程序化地從用戶處採集數據並加以分析能夠幫助產品制定策略，幫助工程師診斷問題、找到性能瓶頸。下面是承虎準備的一系列文章，介紹了從數據採集到分析利用的方方面面。

綜述：

• 把前端監控作到極致

本文是阿里的 Clue 前端監控平臺負責人在 D2 上的分享，從採集、數據處理、分析、報警 4 個維度闡述瞭如何把前端監控作到極致。

• 大前端時代前端監控的最佳實踐

本文是阿里雲監控團隊的彭偉春在 GMTC 上的分享，討論了：單頁應用下 PV 、首屏時間的從新界定，主動監控與現場還原，日誌上報等最佳實踐。

採集：

• Web 性能信息採集指南

對於性能信息，W3C性能工做組已經提供了一組 Performance API，可以詳盡獲取各階段的數據加以利用。

• 蘇寧用戶行爲採集體系的演變

本文僅介紹了蘇寧用戶行爲採集團隊在制定埋點規範、H5 與 native 日誌打通、埋點無痕化、日誌傳輸與日誌安全上的一些探索過程和經驗。

統計：

• 健壯地偵測異常

LinkedIn 的工程師分享了他們對異常值的斷定方式——忽略假陰性而減小假陽性，並介紹了相關異常監控平臺 ThirdEye 的處理方式——用樣條迴歸方程偵測 Web 應用變慢的趨勢，用符號檢驗找到持續性異常，用掃描統計以偵測最明顯的一小時異常，用精準/最小發現時間模型來保證異常很少報和亂報，經過指標相關係數計算推測核心異常。

• 如何「不」去衡量延遲

在性能統計中，咱們常常容易陷入統計學的陷阱中，本分享詳細介紹了 95 percentile、99 percentile 及在此之上的平均值統計形成的結論錯誤——前端跨頁請求數在逐年增長，請求越多則越可能經歷大於 99 percentile 的值。視頻介紹了更多數學計算結果和特定的統計方式如何形成了問題。

---

編輯： @馮雨 & 審閱： @humphry huang & 專題供稿： @humphry huang