原创 el-table反覆報錯:ResizeObserver loop limit exceeded 解決辦法

最近在一個老項目中發現一個問題,el-table使用時,不斷觸發元素重繪,系統的錯誤監聽系統監聽到無數個ResizeObserver loop limit exceeded 錯誤 這個錯誤是在監聽系統中看到的,可能瀏覽器con

原创 npm中package-lock的resolevd衝突

前言 上次講到用package-lock鎖版本來保證項目的一致性和穩定性。但在使用過程中,發現同一項目的不同開發,在install安裝依賴之後,package-lock.json文件會出現衝突,下面將針對這些問題進行探究和解決。

原创 阻止滾動穿透:彈窗顯示時,讓背景頁面禁止滾動

問題描述 在顯示彈窗時,如果底部頁面可滾動,可能在彈窗顯示時,滾動鼠標,會發生滾動穿透,讓底部頁面也一起滾動了。這種用戶體驗是不太好的,怎麼能阻止滾動穿透呢? 解決思路 讓彈窗顯示時,阻止背景的滾動事件,彈窗關閉時,重新恢復背景的

原创 離開頁面時,讓瀏覽器提示指定的信息onbeforeunload

想要在離開頁面時,讓瀏覽器彈窗提醒提示信息,可以加上window.onbeforeunload事件 // onbeforeunload事件 window.onbeforeunload = function (e) { e

原创 echarts與antV學習與實踐筆記

隨着可視化數據越來越流行,項目中時常用圖表來代替表格的顯示,這樣不僅更爲直觀,也可以將更多的數據簡潔的羅列出來。目前最流行的兩個畫圖工具,一個是echarts,一個是antV。在實際項目的開發中,這兩種工具都有使用,下面分別對這

原创 設置了字符間距letter-spacing後,text-align無法完全居中怎麼辦?

在項目中,有時需要給字符設置間距,如: 點 擊 查 看 爲了穩定顯示,我們通常不用空格,而是用letter-spacing屬性給字符加上間距。如 .box { letter-spacing: 14px;

原创 css樣式命名規範:BEM命名規範

前言: 在小型項目中,css樣式命名只要遵循基本規則,即可靈活合理運用。但在中大型項目中,如果沒有統一的命名規範和代碼風格,頁面一多,將會很難維護和理解,甚至出現重複命名導致樣式覆蓋、代碼污染的問題。爲此,基於bem命名規範,提供了這樣一