在使用Internet Explorer 11时,我正在尝试修复gridstack.js的Drag'n'Drop性能。在我们的网站上,鼠标移动事件期间出现了大约400ms的延迟:(在结尾处进行了许多其他的内嵌CSS分析)屏幕截图)
在Gitgub存储库(不再开发gridstack.js)上,用户mvkampen已经打开了issue,但我没有得到解释:
现在,我进行了快速而肮脏的修复,以提高性能。通过 将所有规则收集到一个数组中,最后将它们简化为 单个textNode。附加到sheet.ownerNode()
我得到了数组的一部分,但是我应该如何将这个数组简化为单个textNode?我尝试在所有这些数组元素上使用setAttribute()
到DOM Object中,但没有选择器匹配,因为此时尚未创建grid元素。因此,如果必须避免使用this昂贵的代码块,那么对性能的影响似乎就是这个问题了?