解決table資料量大在IE中不相容的問題

2021-10-20 17:46:53 字數 648 閱讀 5668

vue(element-ui)  + springboot

要求table一頁顯示一百條資料。

資料要求經過處理再展現在前端,需要經歷多次遍歷。

資料量過大,且需要處理。

資料載入的時間長,且下拉滾動條的時候十分卡。ie尤其卡。

資料量過大和格式改變element-ui原有的el-table元件不夠合適

ie不相容

一開始換成了vxe-table,是乙個專門做table的元件,裡面很多功能都很好用,就是文件寫的特別多簡略,需要自行研究。

vxe-table解決了很多問題,但載入速度還是很慢。找大佬看過之後發現是裡面的巢狀元件用了element的級聯選擇器,和vxe-table不夠相容,就換成了vxe-table的選擇器。

資料量大顯示慢的問題,用settimeout間歇性請求資料,100條資料可以分五次,每次請求二十條,時間間隔短,前端肉眼感覺不明顯

改動後發現資料是很快出現了,但是ie滾動條依舊很難拖動。

發現是z-index層級問題。將父元件的position從static改為relative,z-index改為正數的較大值,將元素往前挪。(ie的瀏覽器會自動在頁面加乙個滾動條,元件裡面的滾動條就很難用)

.classname >>> table

Mycat 解決MySQL資料量大查詢壓力大的問題

基礎概念的了解,通過該作者的部落格了解的 mycat是什麼?乙個徹底開源的,面向企業應用開發的大資料庫集群 支援事務 acid 可以替代mysql的加強版資料庫 乙個可以視為mysql集群的企業級資料庫,用來替代昂貴的oracle集群 乙個融合記憶體快取技術 nosql技術 hdfs大資料的新型sq...

專案中資料量大,分頁查詢慢的解決方案

專案中可能會遇到資料量很大,同時有需要多表聯合查詢的時候,這個時候,在計算頁碼的時候,就會遇到如何處理的問題。mysql資料庫索引優化 一般情況下可以滿足需求 前端獲取資料時,不計算總數前端頁碼布局 style float right margin 20px size small disabled ...

解決DIV在IE 6中的位移問題

最近寫了乙個頁面,發現在有的div在ie8 火狐和chrome中測試都木有發現問題,可偏偏在ie 6中顯示不正常,看 這是ie 8裡面的 這是ie 6裡面的 可以看到,登陸框右側和背景的邊緣在ie 6和ie 7中並不一致,上網搜尋了一下,原來是ie 6的乙個小bug,在 中使用了margin後就有可...