IE7/8 Javascript Gotchas

我已经建立了一个小的一页内联网应用程序，它相当重的Javascript。它在Chrome和Firefox中运行得很好，但一旦你在IE7/8中加载它，界面就会变得非常缓慢。它有各种jQueryUI小部件，如可拖动和可调整大小的窗格，一旦开始单击和拖动，帧速率就会下降到无法使用的区域

在我试图理解IE8开发工具之前，IE7/8脚本引擎中是否有我可以在代码中检查的已知缺陷？我看到对

.innerHTML（）

的引用非常慢，但我不知道是否还有其他东西需要查找。

请看一看

---

旧浏览器中的Javascript引擎通常速度非常慢。只有最新版本的浏览器才有更快的引擎。FireFox4、Chrome11和IE9都非常快，而Chrome10和Firefox3.5之前的版本也很慢。不幸的是，虽然FF-en-Chrome会自动更新（near），但IE用户显然有一种坚持旧版本的冲动
也就是说，我不知道您可能会寻找任何特定的慢速功能，但我怀疑它是否能帮助您寻找它们

---

如果您决定在较慢的浏览器（以及较慢的PC）上使用不同的动画，您可能会获得更多。您可以选择调整大小并拖动只有边框的空div，并在拖动后将实际div放置在正确的位置。也许你可以尝试将其设为黑框，这样，如果浏览器速度较慢，或者即使你测量到性能不好（可能是你的用户也在慢速硬件上使用Chrome 11），浏览器也会自动切换到此存根模式。
“我看到过对

.innerHTML（）

的引用非常慢”相反，分配给

innerHTML

（这是一个属性，不是函数；没有

（）

）通常是向页面添加内容的最快方式，比使用

createElement

和

appendChild

要快得多。这是因为解析HTML标记并将其转换为显示的内容基本上是浏览器所做的事情，并且浏览器对此进行了高度优化。相比之下，使用DOM API需要多次跨越DOM/JavaScript边界，并要求浏览器将内部结构映射到DOM等价物。为此，我开始考虑降低早期版本IE体验的方法。我也没有真正考虑过动画，但你是对的，我可能会在IES中完全禁用它们，谢谢！我没有找到那些博客，那里有很多很棒的东西。