3dwelcome
V2EX  ›  前端开发

关于 textarea 的性能优化

By 3dwelcome at 2022 年 2 月 7 日 · 1779 次点击
下午写了一个文件 MD5 计算工具 /t/832244, 准备计算一个大约 10G 文件夹,里面有 6000 多个图片的 MD5 集合。

发现加载用 textarea.append() DOM JS 函数,只要追加过 2000 行,就会越来越慢,慢得难以接受。

试了几种方法,猜测是不是追加的 dom 数量太多,比如定时把 textarea 下的 dom 清空,改用 textarea.innerHTML 设置一大片,都没什么太大作用。

后来把滚动条外的部分缓存起来,全部设置成空行,速度突然就回归正常了。

等代码全部运行完后,再一次性把缓存全部恢复到 textarea 里。
目前尚无回复
© 2026 V2EX · 21ms · 3.9.8.5