国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

javascript - 如何優化jquery循環append操作?

瀏覽:126日期:2023-05-03 10:21:08

問題描述

項目里有一個頁面展示功能,需要在指定的class所屬的標簽里添加canvas標簽,因為有查詢功能,所以要根據查詢的數據量不同來添加相應數量的canvas標簽,我現在是用循環操作,先隱藏指定的class標簽,每次循環都用append添加到指定的class的標簽里,循環完后再顯示那個隱藏的class標簽。這樣數據量小的時候頁面渲染的時間還算正常,一秒就可以了,但是只要數據量一大,差不多300條以上,就要幾秒的時間才能渲染完,500條數據就要5秒左右,上千條就要十多秒了。因為我是用thinkphp框架,一開始是想先把canvas標簽寫到html頁面里后面再用Js去修改css樣式,但是因為canvas標簽要用id來操作,而我需要添加很多canvas標簽,id又不能重復,所以選擇用js動態添加的方式。想請教大神們有沒有其他思路來解決這個問題?(ps:我不會vue或者react這種框架,要換這些的話還得從頭學起,暫時不考慮前端方面用這些重做)

問題解答

回答1:

自己相當于構建了虛擬節點啊、

遍歷結束了、拼接好了一大堆節點、包一層容器

append一次就好了

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 普兰店市| 开江县| 霸州市| 天长市| 长岭县| 沁阳市| 隆回县| 长葛市| 独山县| 深水埗区| 合水县| 建瓯市| 房山区| 礼泉县| 满洲里市| 长沙市| 邯郸市| 松溪县| 沾化县| 宝丰县| 娄底市| 鄢陵县| 加查县| 隆林| 大足县| 梅州市| 汶上县| 彰化市| 托克逊县| 延吉市| 宁城县| 姜堰市| 和田县| 香河县| 东明县| 永寿县| 阿坝县| 上栗县| 平山县| 万年县| 英吉沙县|