原创 動態創建標籤:<img> VS <script>

對於統計頁面數據這樣的情景(俗稱埋點),我們常用的方式就是動態創建<img>或<script>,至於原因,一般有以下幾點:1.埋點一般不用關心請求的結果2.可以實現跨域請求 3.無需使用ajax就能達到發請求的目的 4.都是原生實現,兼容性

原创 npm發佈包教程(五):廢棄/刪除

npm包發佈後可以對包進行廢棄或刪除操作,廢棄和刪除的區別在於: 廢棄不會將包或版本從npm倉庫刪除,仍然可以繼續下載安裝,並在安裝的時候會有警示 刪除會將包從npm徹底刪除,無法被下載安裝 無論是廢棄還是刪除,都包含兩個層面: 版本

原创 npm發佈包教程(一):從npm說起

作爲一個前端,每個人應該對npm install這個命令應該非常熟悉了,尤其是對這個命令執行過程中命令窗口瘋狂輸出肯定印象深刻。我發現有的同學對安裝包輕車熟路,但對包從哪裏來的以及如何發佈一個npm並不是很瞭解,基於此,在團隊內部做了一次分

原创 Vue中用props給data賦初始值遇到的問題

前言 前段時間做一個運營活動的項目,上線後產品反饋頁面埋點不對,在排查過程中發現,問題由於Vue中的data初始值導致,而data的初始值來自於props。爲方便描述,現將問題抽象如下: 一、現象 代碼: <!DOCTYPE html> <

原创 一次排查頁面重複請求的經歷

前段時間重構一個頁面,頁面中存在通過第三方JavaScript代碼插入的動態廣告(正常的產品需求),上線後發現第三方的廣告資源存在重複請求的問題。由於控制廣告插入的JavaScript代碼由第三方提供,我們只負責按照他們要求的方式引入即可,

原创 前端應該知道的基本知識

前端時間在部門內進行分享,準備素材時偶然發現下面的一個現象,因爲和當時分享的主體無關,就先記下來了,事後重新審視,並把一些思考記錄如下: 一、問題 HTML: <!DOCTYPE html> <html lang="en"> <head>