我正在尝试从google 代码存储库(就像在 stackoverflow 上使用的那样)实现 wmd-editor,但我遇到了一个问题。
当您在 textarea 中键入内容时,它会在浏览器中启动两个绘制操作。一种用于重绘文本区域本身,另一种用于重绘预览面板。您可以通过打开 chrome 检查器并在问题字段中键入一些文本时使用时间线选项卡来观看 stackoverflow 上发生的这种情况。
但是在我的页面上,浏览器在必须执行这些绘制操作时会重新绘制整个视口。这需要更长的时间……我页面上的每个绘制操作大约需要 100 毫秒,而在 stackoverflow 上大约需要 1 毫秒。
在我的测试中,这似乎与 css 相关......我可以通过剥离所有样式在 wmd-new 示例页面中重新创建此行为。
我的页面还没有公开,但希望我能以一种通用的方式问......什么会导致浏览器在 dom 更改时重新绘制整个视口,而不是仅仅重新绘制 dom 的那部分?
对我在这里谈论的内容的看法。