3dwelcome

关于 textarea 的性能优化

  •  1
     
  •   3dwelcome · Feb 7, 2022 · 1414 views
    This topic created in 1554 days ago, the information mentioned may be changed or developed.
    下午写了一个文件 MD5 计算工具 /t/832244, 准备计算一个大约 10G 文件夹,里面有 6000 多个图片的 MD5 集合。

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

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

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

    等代码全部运行完后,再一次性把缓存全部恢复到 textarea 里。
    No Comments Yet
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5948 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 377ms · UTC 03:09 · PVG 11:09 · LAX 20:09 · JFK 23:09
    ♥ Do have faith in what you're doing.