我正在尝试修复使用 Internet Explorer 11 时 gridstack.js 的 Drag'n'Drop 性能。在我们的网站上,在 mousemove 事件期间遇到大约 400 毫秒的延迟:(在屏幕截图末尾下方有更多内联 css 分析)
在 Gitgub 存储库(不再开发 gridstack.js)上,用户 mvkampen 已经打开了一个问题,但我没有得到解释:
现在我做了一个快速而肮脏的修复来提高性能。通过将所有规则收集到一个数组中,并在最后将它们缩减为单个 textNode。附加到 sheet.ownerNode ()
我得到了数组部分,但我应该如何将此数组减少为单个 textNode?我尝试将setAttribute()
所有这些数组元素使用到一个 DOM 对象中,但没有匹配的选择器,因为此时尚未创建网格元素。那么我应该怎么做,如果我必须避免这个昂贵的代码块,这似乎是性能影响的问题?