前端監控的主要目的是:
獲取使用者行為等各種資料以及跟蹤產品在使用者端的使用情況，並以此資料為基礎，及時修正產品中的問題，並為產品優化指明方向。也可以為以後打造資料平台打下一定的基礎。它包含幾個主要步驟:前端埋點、資料上報、資料處理和資料分析。
什麼是埋點?**埋點:在需要埋點的節點植入**呼叫介面直接上傳埋點資料。優點是可以詳細
的設定某乙個事件自定義屬性。缺點是時間、人力成本大，需要開發人員手動植入**。
視覺化埋點:利用視覺化工具配置採集節點，自動解析配置並上報埋點資料，優點是
只需業務人員接入，不需要開發支援。缺點是只能採集客戶端行為內容。
無埋點:指開發人員整合採集 sdk 後，sdk 便直接開始捕捉和監測使用者在應用裡的 所有行為，並全部上報，不需要開發人員新增額外**。優點是無需開發手動埋點，只需 要整合sdk，缺點是可能採集到大量冗餘資訊。
監控獲取的資料有什麼用?
監控種類如下：
使用者行為監控
錯誤、異常監控
眾所周知，外部系統，尤其是面對使用者群裡廣泛應用，分析使用者行為及其關鍵，通常做法是系統內部統計和估算，效果往往不是很顯著。
1.下面介紹乙個開源專案matomo,專門跟蹤統計**資料、使用者行為等。客戶端只需要定期非同步上報資料，matomo會為你統計和估算。呈現乙個完整的鏈路。
matomo介紹：
matomo是乙個自由和開源的網路分析軟體。由一組國際開發者開發，執行在 php&mysql的 web伺服器上。它能跟蹤乙個或多個**的線上訪問資料，統計並提** 用及其使用者的詳細報告，包括他們的各項行為，環境和運營資料等等。它部署在私有服務 器上，並在mysql資料庫中跟蹤資料。使用者可以使用自定義維度，細分，甚至對資料庫運 行手動查詢來生成高階報告（可自部署）。
錯誤監控是什麼，為什麼要前端錯誤監控?解答這個問題，我們要先來看看目前前端專案 發現線上錯誤的主要手段有哪些 :
測試人員：
缺點:現在瀏覽器版本、手機機型太多，相容性問題很難測完全。另外有些專案流程非常 ⻓和複雜，無法確保每次都能100%覆蓋。
上線後使用者投訴反饋：
缺點:使用者的機型、瀏覽器百花⻬放，我們復現問題十分困難。而且大多使用者不懂專業術
語，表達問題不準確，溝通成本很高，這些都導致解決問題效率非常低下。
開發人員code review：
缺點: 這個的缺點是時間成本高、而且大多時候，code review也只是發現**⻛格和語 法問題，對於邏輯和業務，很多時候沒有時間去深入研究。
為了解決這些問題，便於開發人員及時發現和解決線上環境產生的問題，我們就需要
乙個「前端錯誤監控系統」
為此介紹開源可自部署的錯誤監控軟體。
sentry介紹：
sentry是乙個開源可自部署的錯誤監控和追蹤系 統。能夠幫助軟體團隊實時的監控到****現的 錯誤，統計錯誤資料。
sentry能為我們做什麼:
能夠在客戶端環境中捕獲並上報**報錯資訊
2. 能夠記錄錯誤發生前使用者的操作、客戶端環境、⻚面資料等等
能夠統計分析同乙個錯誤發生的頻率、次數、出現時間
作者簡介：張程 技術研究
前後端 13 前後端小試牛刀
餘生還長，你別慌。別回頭，別糾纏，別念舊。準備工作 對nginx檔案下的nginx.conf進行配置 將檔案拖進vscode中 找到nginx.conf檔案中 server 部分，對其進行修改。server error page 404 404.html redirect server error ...
前後端分離之SpringBoot專案Token認證
有人說，愛上一座城，是因為城中住著某個喜歡的人。其實不然，愛上一座城，也許是為城裡的一道生動風景，為一段青梅往事，為一座熟悉老宅。或許，僅僅為的只是這座城。就像愛上乙個人，有時候不需要任何理由，沒有前因，無關風月，只是愛了。林徽因 前段時間，大體了解了一下前後端分離之vue專案構建測試打包發布，並簡...
ajax前後端通訊之readyState簡析與應用
readystate取不同值時對應的狀態及含義 值 狀態描述 0unsent 被建立，但尚未呼叫open 方法。1opened open 方法已經被呼叫。2headers received send 方法已經被呼叫，並且頭部和狀態已經可獲得。3loading 響應體部分正在被接收。4done 在op...