前端監控的作用
獲取使用者行為已經跟蹤產品在客戶端的使用情況，以資料為基礎指明產品優化的方向。
前端效能監控和錯誤監控
- 前端衡量效能的指標（時間監控）
- Resource timing Perfornance API
- 前端資源監控
- performance.getEntriesByType('resource')
- ajax請求監控
- 攔截 open 和 send 方法
- 前端程式碼異常
- window.onerror window.addEventListener
- 監控使用者行為
- 構建 monitor 服務
- 該服務入口檔案，執行監控函式獲取到效能資料，然後利用 image 標籤，new Image().src = "/p.gif?" + fotmatObj(data)，向服務端傳送效能資料
- 以 perfornance 為例，在 DOMContentLoaded 階段，收集 performance.timing 的資料，cb 給入口檔案使用
- 打包出監控 js 檔案，
- 將 js 檔案引入前端網站服務，前端服務啟動時就會收集資料
- 最後使用 Echarts 將資料視覺化