背景 最近在做前端監(jiān)控,其中對(duì)JS錯(cuò)誤需要上報(bào):錯(cuò)誤消息、錯(cuò)誤文件、行、列、錯(cuò)誤棧。需要通過(guò)上報(bào)的錯(cuò)誤文件、行、列進(jìn)行源代碼的還原。 面臨的挑戰(zhàn) 乍一聽(tīng),感覺(jué)也沒(méi)什么,思路已...
背景 最近在做前端監(jiān)控,其中對(duì)JS錯(cuò)誤需要上報(bào):錯(cuò)誤消息、錯(cuò)誤文件、行、列、錯(cuò)誤棧。需要通過(guò)上報(bào)的錯(cuò)誤文件、行、列進(jìn)行源代碼的還原。 面臨的挑戰(zhàn) 乍一聽(tīng),感覺(jué)也沒(méi)什么,思路已...
一、意義:??這里和測(cè)速的白屏不同,測(cè)速的白屏是指:導(dǎo)航頁(yè)面開(kāi)始到TTFB之間的時(shí)間稱(chēng)之為白屏?xí)r間。白屏異常是指:用戶(hù)看到的一直是白屏,頁(yè)面沒(méi)有任何內(nèi)容。比如渲染函數(shù)報(bào)錯(cuò)、V...
一、意義:??資源加載異常將不能提供給正確資源給用戶(hù)使用或閱讀,比如重要的圖片、錯(cuò)誤的靜態(tài)資源鏈接、網(wǎng)站執(zhí)行的腳本等靜態(tài)資源。有效的監(jiān)聽(tīng)資源異常將提升網(wǎng)站的正常使用和展示。 ...
一、意義:??網(wǎng)站性能往往決定用戶(hù)體驗(yàn),網(wǎng)頁(yè)加載是否夠快,操作是否流暢往往是用戶(hù)對(duì)網(wǎng)站的第一印象,性能越好的網(wǎng)站,轉(zhuǎn)化率、用戶(hù)留存率往往更好。 二、捕獲方法:通過(guò)window...
一、意義:??JavaScript報(bào)錯(cuò)嚴(yán)重影響業(yè)務(wù)邏輯,比如點(diǎn)擊后js報(bào)錯(cuò)用戶(hù)將操作不了,用戶(hù)會(huì)覺(jué)得卡死,渲染JS報(bào)錯(cuò)將導(dǎo)致用戶(hù)看到的頁(yè)面異常,所以JS報(bào)錯(cuò)后果也是很?chē)?yán)重的。...
一、意義:接口的成功率直接影響用戶(hù)的轉(zhuǎn)化率,像用戶(hù)注冊(cè)、支付、提交信息等接口如果異常的話(huà),后果是很?chē)?yán)重的。線(xiàn)上會(huì)因?yàn)楦鞣N情況,是在開(kāi)發(fā)和測(cè)試階段是不能解決的,所以監(jiān)控線(xiàn)上接口...
??準(zhǔn)備出前端監(jiān)控分享一個(gè)系列,現(xiàn)在前端關(guān)于前端監(jiān)控兩極分化嚴(yán)重:中小型公司覺(jué)得監(jiān)控沒(méi)啥用,優(yōu)先保證業(yè)務(wù)上線(xiàn),等出了嚴(yán)重錯(cuò)誤再修復(fù),或者測(cè)試人員覺(jué)得沒(méi)問(wèn)題就行;頭部互聯(lián)網(wǎng)公司...
??偶然看到上一篇文章還是18年2月份,已經(jīng)過(guò)去3年多了,唉,時(shí)光飛逝,奮筆一番。??容我感慨下,三年前我爺爺奶奶身體都很好,我還是單身,也還在追尋自己的夢(mèng)想公司騰訊?,F(xiàn)在很...
Usage github下載需要在ES6 babel/polyfill環(huán)境下運(yùn)行。拋出兩個(gè)函數(shù),分別為cloneDeep和clone。支持復(fù)制的類(lèi)型:[Arguments',...
記錄下來(lái)以便未來(lái)看看現(xiàn)在的自己??! 今天晚上回到家的時(shí)候,一個(gè)朋友給我發(fā)了微信,打開(kāi)她發(fā)來(lái)的圖片, 圖片顯示她昨天寫(xiě)的文章在今日頭條上的收入:1元。 想到每天她更新文章的情況...
??寫(xiě)于一個(gè)無(wú)聊的時(shí)間,看不到天的封閉辦公室。 ??對(duì)于工作了的人,此刻真是尷尬的時(shí)間,很多人想著今年該怎么規(guī)劃的,有同事劃算著和人事加多少薪資,有同事想著辭職回老家,或者辭...
最近,在項(xiàng)目中遇到一個(gè)需要判斷瀏覽器類(lèi)型的問(wèn)題,,忽然才發(fā)現(xiàn)關(guān)于IE11瀏覽器的一些新特性,導(dǎo)致很多原來(lái)的方法不能再用了。。于是特此整理和研究了一個(gè)適合IE6及以上版本的IE...
README scroxt.js Overview scroxt.js是一個(gè)字體滾動(dòng)的插件庫(kù),包括視頻彈幕滾動(dòng),直播彈幕、直播彈幕強(qiáng)制模式、單行水平左右滾動(dòng)、文本垂直滾動(dòng)...