removeAllRanges在chrome/Alternatives中运行缓慢

removeAllRanges slow in chrome / Alternatives?

本文关键字:运行 缓慢 Alternatives chrome removeAllRanges      更新时间:2023-09-26

我正在开发一个带有node webkit(Chromium 38.0.2125.104)的markdown编辑器,该编辑器可以在键入时将markdown转换为html,并将其呈现在相同的contenteditable中(有点突出显示)。所以一切都很好:我通过在dom中插入一个新节点来保存插入符号的位置。然后我处理我的文本。然后我回到插入符号的位置并删除我的标记节点。

我的问题是我尽可能快地完成这一切。但超过一半的处理时间是由单一操作占用的:

selection.removeAllRanges();

在完成所有操作之后,在将我创建的范围添加到选择对象之前。在一次操作中损失了大约15/20毫秒,这是快速打字时开始感觉到的。有没有什么方法可以加快速度,比如调用其他东西,或者用不同的方式处理选择/范围?谢谢你(我是认真的,我一直用这个网站来回答问题,但这是我的第一个问题)

如果你只对Chrome感兴趣,你可以尝试使用非标准的WebKit方法setBaseAndExtent()(抱歉,没有文档链接,因为据我所知,它从未被文档化)来直接设置选择。我不知道它是否会更快;我不明白为什么会这样。

假设您的范围存储在一个名为range的变量中,并且您的选择存储在sel:中

sel.setBaseAndExtent(range.startContainer, range.startOffset,
                     range.endContainer, range.endOffset);