背景 最近在做前端監(jiān)控，其中對(duì)JS錯(cuò)誤需要上報(bào)：錯(cuò)誤消息、錯(cuò)誤文件、行、列、錯(cuò)誤棧。需要通過(guò)上報(bào)的錯(cuò)誤文件、行、列進(jìn)行源代碼的還原。 面臨的挑戰(zhàn) 乍一聽(tīng)，感覺(jué)也沒(méi)什么，思路已...
發(fā)簡(jiǎn)信
IP屬地：廣東
-
奇技淫巧-獲取JS所有error對(duì)象中的行、列 -
前端監(jiān)控之白屏異常
一、意義：??這里和測(cè)速的白屏不同，測(cè)速的白屏是指：導(dǎo)航頁(yè)面開(kāi)始到TTFB之間的時(shí)間稱(chēng)之為白屏?xí)r間。白屏異常是指：用戶(hù)看到的一直是白屏，頁(yè)面沒(méi)有任何內(nèi)容。比如渲染函數(shù)報(bào)錯(cuò)、V...
-
前端監(jiān)控之資源加載異常
一、意義：??資源加載異常將不能提供給正確資源給用戶(hù)使用或閱讀，比如重要的圖片、錯(cuò)誤的靜態(tài)資源鏈接、網(wǎng)站執(zhí)行的腳本等靜態(tài)資源。有效的監(jiān)聽(tīng)資源異常將提升網(wǎng)站的正常使用和展示。 ...
-
前端監(jiān)控之性能測(cè)速
一、意義：??網(wǎng)站性能往往決定用戶(hù)體驗(yàn)，網(wǎng)頁(yè)加載是否夠快，操作是否流暢往往是用戶(hù)對(duì)網(wǎng)站的第一印象，性能越好的網(wǎng)站，轉(zhuǎn)化率、用戶(hù)留存率往往更好。 二、捕獲方法：通過(guò)window...
-
前端監(jiān)控之JavaScript錯(cuò)誤
一、意義：??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)重的。...
-
前端監(jiān)控之接口統(tǒng)計(jì)
一、意義：接口的成功率直接影響用戶(hù)的轉(zhuǎn)化率，像用戶(hù)注冊(cè)、支付、提交信息等接口如果異常的話(huà)，后果是很?chē)?yán)重的。線(xiàn)上會(huì)因?yàn)楦鞣N情況，是在開(kāi)發(fā)和測(cè)試階段是不能解決的，所以監(jiān)控線(xiàn)上接口...
-
前端監(jiā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)公司...
-
2021-05-02 突然發(fā)現(xiàn)很久沒(méi)寫(xiě)文章了
??偶然看到上一篇文章還是18年2月份，已經(jīng)過(guò)去3年多了，唉，時(shí)光飛逝，奮筆一番。??容我感慨下，三年前我爺爺奶奶身體都很好，我還是單身，也還在追尋自己的夢(mèng)想公司騰訊?，F(xiàn)在很...
-
JavaScript深拷貝和淺拷貝
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元。 想到每天她更新文章的情況...
-
2018.02.27隨記
??寫(xiě)于一個(gè)無(wú)聊的時(shí)間，看不到天的封閉辦公室。 ??對(duì)于工作了的人，此刻真是尷尬的時(shí)間，很多人想著今年該怎么規(guī)劃的，有同事劃算著和人事加多少薪資，有同事想著辭職回老家，或者辭...
-
用js判斷瀏覽器類(lèi)型及IE具體各版本，支持IE11及Edge瀏覽器
最近，在項(xiàng)目中遇到一個(gè)需要判斷瀏覽器類(lèi)型的問(wèn)題，，忽然才發(fā)現(xiàn)關(guān)于IE11瀏覽器的一些新特性，導(dǎo)致很多原來(lái)的方法不能再用了。。于是特此整理和研究了一個(gè)適合IE6及以上版本的IE...
-
字幕字體滾動(dòng)插件——scroxt.js
README scroxt.js Overview scroxt.js是一個(gè)字體滾動(dòng)的插件庫(kù)，包括視頻彈幕滾動(dòng)，直播彈幕、直播彈幕強(qiáng)制模式、單行水平左右滾動(dòng)、文本垂直滾動(dòng)...