V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
3dwelcome
V2EX  ›  前端开发

关于 textarea 的性能优化

  •  1
     
  •   3dwelcome · 2022-02-07 17:58:10 +08:00 · 982 次点击
    这是一个创建于 1031 天前的主题,其中的信息可能已经有所发展或是发生改变。
    下午写了一个文件 MD5 计算工具 /t/832244, 准备计算一个大约 10G 文件夹,里面有 6000 多个图片的 MD5 集合。

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

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

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

    等代码全部运行完后,再一次性把缓存全部恢复到 textarea 里。
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1043 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 19:30 · PVG 03:30 · LAX 11:30 · JFK 14:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.