异常的捕获与处理
一、異常介紹
按鍵無法點擊、元素不展示、頁面白屏,這些都是我們前端不想看到的場景。在計算機程序運行的過程中,也總是會出現各種各樣的異常。例如:頁面元素異常(例如按鈕無法點擊、元素不展示),頁面卡頓,頁面白屏。
異常雖然不會導致計算機宕機,但是往往會導致用戶的操作被阻塞。
二、異常分類
執行 JS 期間可能會發生的錯誤有很多類型。每種錯誤都有對應的錯誤類型,而當錯誤發生的時候就會拋出響應的錯誤對象。ECMA-262 中定義了下列 7 種錯誤類型:
三、異常捕獲
1 window.onerror
2 靜態資源加載異常
3 Promise 異常
4 React 異常
5 Vue 異常
6 請求異常
7 總結
四、異常上報
我們不可能每次都遠程給用戶解決問題,或者讓用戶按 F12 打開瀏覽器控制臺把錯誤信息截圖給我們吧。這時候,我們不得不借助一些工具來解決這一系列令人頭疼的問題。
前端錯誤監控日志系統就應用而生。當前端代碼在生產運行中出現錯誤的時候,第一時間傳遞給監控系統,從而第一時間定位并且解決問題。
有很多成熟的方案可供選擇: ARMS、fundebug、BadJS、Sentry。
總結
- 上一篇: react列表元素hover
- 下一篇: 贾跃亭所持 4900 万股乐视股票再拍卖