原创 大數據量場景下的Vue性能優化

性能優化最常見的落腳點是在網絡和dom上,但是在大數據量的場景下,由於Vue本身的特性,可能會造成js運行層面的性能問題,這篇文章討論的就是針對這一部分的性能優化方案。 模擬一個大數據量的場景 // App.vue <template>

原创 hookEvent of Vue

在Vue當中,hooks可以作爲一種event,在Vue的源碼當中,稱之爲hookEvent。 從一個場景出發 有一個來自第三方的複雜表格組件,表格進行數據更新的時候渲染時間需要1s,由於渲染時間較長,爲了更好的用戶體驗,我希望在表格進行更

原创 從Dialog管理談到Vue渲染原理

作爲一箇中後臺表單&表格工程師,經常需要在一個頁面中處理多個彈窗。我自己的項目中,一個複雜的審覈頁面中的彈窗數量超過了30個,如何管理大量的彈窗就成爲了一個需要考慮的問題。 大量的彈窗有什麼問題 假設你有一個彈窗組件,類似於element-

原创 減小發布到npm包的體積與避免重複依賴

這兩天一直在忙於封裝一個vue table組件併發布到npm,記錄一下我是如何把npm包的大小從100多kb減小到不足1kb的過程。 背景 這個組件底層依賴於element-ui,使用了其table組件和pagination組件,最終的組件

原创 對於遞歸的傲慢與偏見

最近刷leetcode 79題 Word Search需要用到DFS算法,由於是刷leetcode,心想不能用遞歸,影響效率,於是利用stack完成。之後又利用遞歸(使用cache)實現了一次,結果竟然是遞歸的算法比非遞歸更快。 「低效」的

原创 Axios統一錯誤處理與後置

問題 在進行業務開發的時候,前後端會對接口的數據結構進行約定,若接口有異常,需要將異常信息展示給用戶知曉。這個流程裏,數據結構是確定的(事先約定),數據的處理邏輯是相同的(展示給用戶),如果在業務代碼代碼中重複的catch(e) { 展示給

原创 實現一個符合標準的Promise

實現一個符合標準的Promise -- What i can't create, i don't understant 前言 實現Promise的目的是爲了深入的理解Promies,以在項目中遊刃有餘的使用它。完整的代碼見gitHub Pr