Javascript 如何提高jQuery动画性能?

Javascript 如何提高jQuery动画性能?,javascript,jquery,performance,jquery-animate,rendering,Javascript,Jquery,Performance,Jquery Animate,Rendering,我的站点现在几乎都是AJAX,我正在将jQuery动画推向极限 使用动态分页&jQueryanimate在除Chrome和IE9+之外的所有浏览器上看起来都很糟糕 我猜这是因为Chrome(IE9+?)是唯一默认启用JS多线程或多线程的浏览器 甚至可以在JS/HTML/etc中的其他浏览器上打开它吗 非常感谢 评测 我声名狼藉的不懂声乐,所以一开始我不懂这个词 是的,我一直在寻找更好的方法来改进我的代码。为了提高速度,例如克隆而不是附加字符串html、一次选择多个元素等 它在Chrome和IE9

我的站点现在几乎都是AJAX,我正在将jQuery动画推向极限

使用动态分页&jQuery
animate
在除Chrome和IE9+之外的所有浏览器上看起来都很糟糕

我猜这是因为Chrome(IE9+?)是唯一默认启用JS多线程或多线程的浏览器

甚至可以在JS/HTML/etc中的其他浏览器上打开它吗

非常感谢

评测

我声名狼藉的不懂声乐,所以一开始我不懂这个词

是的,我一直在寻找更好的方法来改进我的代码。为了提高速度,例如克隆而不是附加字符串html、一次选择多个元素等

它在Chrome和IE9+上运行平稳,在其他方面表现不佳(在默认的Android 2.2和iPhone移动浏览器中表现最差)

多线程

我从他那里得到了它,因为它是有意义的。如果是错误的,请让我知道,我会编辑适当的问题

我的动态分页

基本上,我通过
for
循环将
克隆的
不透明度:0
绝对的
divs
附加到
相对的
容器中。克隆的div中的一些subdiv也可能被克隆,因为我还有更多的子窗口,也可以通过
for
循环进行克隆。I
top
将其添加到累积高度,为每个附加的div添加10px。一旦准备好,I
将动画设置为
不透明度:1
。如果一个
absolute
需要保持在那里,那么它的'
top
只需设置动画,而不做其他更改


所有动画均为500毫秒。所有div都使用CSS预先格式化。没有图像。这就像我希望的那样简单,在Chrome和IE9+中工作得很好。

分析您的代码,可能使用Safari的内置工具来验证动画(或动态分页)是否导致了问题。考虑在纯JavaScript中编写一些jQuery动画。我使用jQuery使用的大约10%的代码重新编写了淡入淡出功能,但折衷是它只针对现代浏览器

每乔的性能提升:


你做过代码分析吗?你说的多线程到底是什么意思,你说的是webworkers,如果不是的话,javascript多线程到底是什么意思,我很好奇基于事件的语言是如何处理多线程的,你有什么支持吗?你能发布一些你认为会变慢的代码吗?Nit:ECMAScript没有定义线程。这里使用机器翻译的假设是错误的,因为事实并非如此。现在,不同的ECMAScript/DOM/Rendering实现的行为不同,但这与“JS多线程”无关(这在上下文中不存在)。@pst所以这是一个渲染问题?我应该编辑以反映这一点吗?如果你认为这就是不同表演的原因,你介意把它作为答案吗?谢谢大家!!我在顶部添加了原始链接。