当前位置: 首页 > 面试题库 >

什么更快?CSS3过渡还是jQuery动画?

丁俊智
2023-03-14
问题内容

我正在使用iPad
HTML5应用程序,并且已经实现了ontouch支持以更快地触发事件,并且我使用jQuery来更轻松地定位元素,但是对于动画,我使用的是CSS3过渡

您觉得更快吗?使用jQuery动画,因为我已经导入了库或在使用jQuery定位元素时使用CSS3过渡?


问题答案:

jQuery动画要比CSS动画慢得多。

原因
可能是因为jquery必须使用计时器和循环来修改DOM元素的属性。CSS是浏览器引擎的一部分。这很大程度上取决于系统的硬件。您也可以在Chrome或Firefox的配置文件中进行检查。



 类似资料:
  • 定义 基于animejs封装的React组件。 图片展示 代码演示 import Anime from 'pile/dist/components/anime' const {CssTransform} = Anime let moveAlone = { targets: '.anime-move-demo-alone', left: '240px', backgroundColo

  • .animated_div { width:60px; height:40px; background:#92B901; color:#ffffff; position:absolute; font-weight:bold; font-size:15px; padding:10px; float:left; margin:5px; -webkit-transition:-webkit-transf

  • 问题内容: 我对css3 transition属性的渲染速度有疑问。 假设我有许多要素: 使用一个声明将所有这些元素的所有转换作为目标更有效。但是我的问题是:针对每个元素的特定过渡属性,在动画渲染的平滑度和快速度方面是否“更快”?例如: 我这样做的逻辑是,即使一个元素只有一个属性,css的“引擎”是否必须搜索“所有”过渡属性,也可能会减慢速度。 有谁知道是这样吗?谢谢! 问题答案: 是的,使用可能

  • 我想知道>是否比>=更快?我试着对其进行基准测试,但要么需要0ms,要么需要永远。我知道差别会很小,但我必须在很多像素上操作。有人能告诉我什么更快吗?

  • 本文向大家介绍过渡和动画的区别是什么?相关面试题,主要包含被问及过渡和动画的区别是什么?时的应答技巧和注意事项,需要的朋友参考一下 相同:都会让你的页面元素动起来 区别: 过渡 transition 1.需要事件触发,比如hover,focus,checked , js改, @media query 2.一次性的 3.只能定义开始和结束状态,不能定义中间状态 举例: 动画 animation 1.

  • 问题内容: 是否可以在不使用Javascript的情况下在页面加载时使用CSS3过渡动画? 问题答案: 您 可以 在页面加载时运行 CSS 动画,而无需使用任何JavaScript;您只需要使用 CSS3关键帧即可 。 让我们看一个例子… 这是仅使用 CSS3 的导航菜单滑入位置的演示: 分解… 这里的重要部分是关键帧动画,我们称之为… …这基本上是说:“开始时,标题将离开屏幕的左侧边缘的整个宽度