关于 textarea 的性能优化

2022-02-07 17:58:10 +08:00
 3dwelcome
下午写了一个文件 MD5 计算工具 /t/832244, 准备计算一个大约 10G 文件夹,里面有 6000 多个图片的 MD5 集合。

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

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

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

等代码全部运行完后,再一次性把缓存全部恢复到 textarea 里。
909 次点击
所在节点    前端开发
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/832286

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX