gpt4 book ai didi

javascript - 如何提高 jQuery 动画性能?

转载 作者:行者123 更新时间:2023-11-29 14:58:35 24 4
gpt4 key购买 nike

<分区>

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

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

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

是否可以在 JS/HTML 等其他浏览器上打开它?

非常感谢!

分析

我的词汇是出了名的不好,所以一开始我不明白这个词。

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

它在 Chrome 和 IE9+ 中运行流畅,在其他所有方面都很差(在默认的 Android 2.2 和 iPhone 移动浏览器中最差)。

多线程

我从 here 得到的并接受它,因为它是有道理的。如果有误,请告诉我,我会根据适当性修改问题。

我的动态分页

基本上,我append cloned opacity:0 absolute divs 到一个relative 容器通过 for 循环。克隆的 div 中的一些分割也可能被克隆,因为我还有更多的子行也通过 for 循环。我 top 它到一个累积高度,向每个附加的 div 添加 10px。准备就绪后,我将 animation 设置为 opacity:1。如果一个 absolute 需要留在那儿,它的 top 只是动画而没有其他变化。

所有动画 500 毫秒。所有 div 都使用 CSS 预先格式化。没有图像。它像我希望的那样简单明了,并且在 Chrome 和 IE9+ 中运行得很好。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com