問題情景：　　iview中的select組件數據多達幾千幾萬條的時候，頁面及輸入框出現明顯的卡頓，一個彈框的顯示隱藏要幾秒才能反應過來，輸入框也是輸入的文字幾秒才能顯示出來。 解決方法：　　原理：既然是由於select組件數據過多導致頁面渲染卡頓，那么解決方法自然是減少select組件數據 ...

如下代碼，data數據超過2千條時,每次輸入字符過濾時非常卡 其原因: 每次輸入變化，data就要從2000多條數據中過濾出目標元素，一過濾就導致AutoComplete下拉列表得變化，瀏覽器得重新繪制下拉列表的Dom,導致瀏覽器卡 解決辦法一 采用防抖函數，在間隔時間內，連續 ...

#cnblogs_post_body img { max-width: 600px; height: auto } 代碼： 解決方案1： 　　將導入antd組件css樣式的代碼刪除，改為； 　　但是這樣不能實現按需導入，加載了全部的 antd 組件 ...

效果 前情提要： 最近使用element-ui開發的一個頁面，在打開的時候占用cpu非常高，有時候都能達到90%↑。在調試時發現其中一個下拉框的接口返回2k↑的數據。本着有問題問百度的精神，看到主要的解決方案有如下兩種： 監聽下拉框滾動事件，去服務端請求數據 https ...

當使用Select選擇器時，如果下拉列表有幾千個幾萬個，因此通過滾動條一個個的去找不是很現實， 這時可以對select設置filterable屬性，可以在下拉控件里進行搜索。例如: 體驗的過程中還是會感覺明顯的卡頓現象，問題和上面一樣，還是因為下拉列表太多了，這時我們可以通過Select控件 ...

解決方法 使用.lazy修飾符 使用.lazy的修飾符可以取消v-model的雙向綁定，避免輸入改變增加隊列造成卡頓 注意：el-input底層代碼會將文本框用div包裹，所以直接在el-input中使用.lazy修飾符是不成功的 網上找的方法，用組件的形式引入（未能解決） ...

解決方法 ...

在訪問外網遇到網絡卡頓的時候，實在搞人心態 今天學到一招解決： 訪問ping檢測站點，搜索你要訪問的網站，如github.com或codeforces.com 找到其中網絡延遲最低的節點，復制站點ip 打開系統文件host，一般位於C:\Windows\System32 ...