腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
css
transfrorm提高
动画
性能
javascript
、
jquery
、
performance
、
css
、
transition
我最近读过很多关于为GPU
性能
优化
CSS
和JavaScript/jQuery的文章,特别是在移动设备上,特别是在
CSS
动画
变化对网站
性能
有不利影响的情况下。我做了一些测试,只是无法判断我的代码是否经过了正确的
性能
优化
。我已经整理了一个简单的代码,试图展示我在做什么和我想要实现什么。我已经检查了chrome的
性能
时间表,但我不确定结果是否与<em
浏览 1
提问于2014-03-17
得票数 0
回答已采纳
1
回答
角
动画
的目的是什么?
javascript
、
css
、
angular
、
animation
、
angular-animations
一段时间以来,我一直在想,为什么要使用角度
动画
而不是
CSS
动画
。在使用它们之前,我看到很少会考虑到的领域: 在第一步中,我找到了这个,它只处理
性能
方面的事情。接受的答案对我来说并不令人满意,因为它指出,只要有可能,就应该使用
CSS
动画
,这样就可以应用像在单独线程中运行
动画
这样的
优化
。(强调地雷) 当我们查看时,我们可以看到,同样的
优化
可以应用于网页
动画
,也可以应用于表单中指定的
CSS
浏览 0
提问于2018-04-03
得票数 86
回答已采纳
2
回答
用于开始
CSS
转换的requestAnimationFrame
javascript
、
html
、
animation
、
requestanimationframe
请求
动画
帧来开始
CSS
过渡有意义吗?例如,包含指向此的链接#foo{ width:50px; background:#c00;
浏览 3
提问于2012-10-26
得票数 6
1
回答
在不关闭硬件加速的情况下
优化
CSS
3
动画
会让它在图形处理器上运行得更快吗?
javascript
、
css
、
webkit
、
css-transitions
、
css-animations
我写了一个基于setTimeout的基准测试(类似于) -其想法是有一些东西来比较
动画
在不同条件下的表现(比如添加不同的
CSS
3属性)。但这也给我带来了一个百万美元的问题--如果我
优化
了一些东西,在没有GPU加速的情况下运行得更好,这是否意味着相同的
优化
动画
在打开GPU加速的情况下会运行得更好(或者更快,或者使用更少的内存)?在几乎任何
动画
中,
CSS
3长方体阴影都会降低
性能
。在更简单的情况下,您可以通过用光栅化的(PNG?)替换
CSS
浏览 1
提问于2012-07-27
得票数 1
2
回答
基于Linux的WebKit
动画
性能
优化
c++
、
css
、
linux
、
webkit
、
gtk
如何
优化
编译后的WebKit浏览器以最大限度地利用GPU?我和我的团队正在配置一个Linux盒(CentOS),以显示带有流畅的
CSS
驱动
动画
的全屏幕HTML。该盒有超过足够的GPU和CPU的能力,并能够轻松地播放这些
动画
在铬。在这两个“纯”的webkit应用程序中,
动画
的速度比Chromium慢得多,这让我们绞尽脑汁来回答两者之间到底有什么不同。我
浏览 2
提问于2018-01-30
得票数 28
回答已采纳
1
回答
JS
动画
表演中的“改变”和“transformZ(0)”
javascript
、
animation
、
gsap
、
will-change
当我使用will-change属性和transform3D()将
动画
元素分离到一个用于gpu呈现的新层时,我一直在尝试javascript
动画
,并注意到
性能
差异。当我试图
动画
元素的scaling时,就会发生这种情况,该元素还有一个border-radius
css
属性。当我试图在现实项目中一次
动画
化多个元素时,情况会变得更糟(尤其是在移动环境中会受到伤害)。(,) 所以问题是:will-change是如何设法提供这种
优化
的,即使它应该与transformZ(0) (为g
浏览 1
提问于2018-02-19
得票数 1
回答已采纳
3
回答
使用Mobile Safari实现jQuery
动画
性能
javascript
、
jquery
、
html
、
mobile-safari
、
jqtouch
Short description of post content </li> function showDesc(id){}"desc1“隐藏在
CSS
中,并在用户单击帖子标题时显示(我只是在做
浏览 3
提问于2011-10-26
得票数 3
回答已采纳
2
回答
如何使函数在jquery中重复?
javascript
、
jquery
比方说,我想要创建一个函数,生成div fadeOut & fadeIn,并每10秒重复一次。在jQuery中。这是我目前的密码。 $("leftEye").fadeOut("slow");
浏览 6
提问于2016-11-02
得票数 2
回答已采纳
2
回答
angular 2
动画
vs
css
动画
-什么时候使用什么?
css
、
performance
、
angular
、
css-animations
、
angular2-animation
我目前正在尝试Angular2的
动画
,我想知道它们比标准
css
动画
/过渡带来了什么具体的优势。我在某处读到一些
css
动画
属性不会调用GPU那么多,因此会有一些延迟和滞后。那angular2
动画
呢?
浏览 0
提问于2016-12-03
得票数 43
回答已采纳
1
回答
用scrollTop换掉60 FPS
性能
的粘性导航条的替代方案?
javascript
、
jquery
、
html
、
css
、
performance
我有工作代码,但是当我看
性能
时,它是相当慢的。我使用Chrome工具,有时它会超过30个FPS,这会导致滚动迟缓。下面是我想知道的代码,如何编写这个代码,而不是使用scrollTop来不断检查滚动条的位置,以获得更好的
性能
? 我已经使用debounce来减少被触发的事件的数量,但仍然看到了一些
性能
影响。
浏览 4
提问于2015-03-25
得票数 0
回答已采纳
5
回答
哪种
动画
效果最好?
css
3还是javascript?
javascript
、
jquery
、
html
、
css
假设我们有一个有很多
动画
的网站,在
性能
/速度方面,使用
css
3还是javascript更好?总而言之:使用尽可能多的html(5)和
css
(3)来代替javascript和jquery等框架是不是更好?
浏览 4
提问于2013-12-12
得票数 1
1
回答
平滑
CSS
变换
动画
css
、
css-animations
、
css-transforms
我正在考虑
优化
CSS
动画
以提高
性能
。,可以移动和旋转一个长方体.balloon,作为
动画
的多个步骤。问题是,即使为每一步声明了位置和旋转,
动画
也会变得非常不稳定@keyframes balloon { 45% { transform: rotate(3deg) } 75% { transform: r
浏览 2
提问于2014-05-01
得票数 6
2
回答
CSS
3还是jQuery?
jquery
、
css
、
css-transitions
、
css-animations
我在我的网站上有一个流畅的布局,有一个元素是
动画
的,并且在悬停时有一个过渡。主要的问题是,在更宽的屏幕上(比方说,比1600px更宽),
CSS
3的悬停过渡变得明显不稳定,并开始吞噬内存。
浏览 0
提问于2012-10-08
得票数 2
回答已采纳
3
回答
以编程方式测量画布
动画
的
性能
javascript
、
performance
、
canvas
、
phantomjs
、
requestanimationframe
我正在为JavaScript
性能
竞赛构建一个测试平台。其中一项任务要求参赛者
优化
负责处理画布
动画
的JavaScript代码。提交解决方案后,服务器使用运行它,并在20秒的
动画
后读取FPS的平均数量。问题是,我得到了3-4FPS的
优化
和未
优化
的代码。这使得无法判断代码是否得到了改进。几个事实: 在浏览器中,未
优化
的代码运行在13 runs,
优化
运行在58 runs。) /
浏览 7
提问于2013-10-01
得票数 2
回答已采纳
2
回答
使用jQuery fadeIn
动画
还是使用
CSS
3
动画
更好?
javascript
、
jquery
、
css
、
fadein
然后我想知道使用
CSS
动画
是否有
性能
差异,例如:0% { opacity: 0; }}这两种方法中的哪一种可能在处理大图像时效果更好?我看不出有什么不同,但我想知道它是否会影响速度较慢的计算机。
浏览 2
提问于2012-06-02
得票数 11
回答已采纳
1
回答
GSAP
动画
会阻塞主线程吗?
javascript
、
animation
、
gsap
、
nonblocking
注意,如果所有的转换和
动画
都是用
CSS
而不是JavaScript应用的,它们不会阻塞(或者被主线程阻塞)。
浏览 13
提问于2022-10-04
得票数 0
回答已采纳
4
回答
用于对多个div进行
动画
处理的最佳JavaScript库
javascript
、
css
、
jquery-ui-draggable
我有一个div框的网格,我将对其进行
动画
处理。在用户拖动其中一个框(以重新对齐到网格中)后,它们将在屏幕上移动。目前,我正在使用JQuery来更改所有div的
css
左侧和顶部位置,并以一定的间隔运行此程序。布局图像:
浏览 0
提问于2012-07-29
得票数 2
回答已采纳
4
回答
CSS
转换与JS
动画
包的
性能
比较
javascript
、
css
、
animation
我想知道使用
CSS
与各种JavaScript
动画
库(script.aculo.us、scripty2、jsAnim、MooTools、$fx等)在
性能
上有什么不同吗?我认为
CSS
转换应该是硬件加速的。 我尝试在5个不同的DIVs上使用Effect.Fade (每个DIVs包含一个带有一些行的画布)。使用
CSS
转换做同样的事情,我认为
性能
绝对没有差别。
浏览 7
提问于2010-06-08
得票数 60
3
回答
改变涡旋上的
CSS
变换:急促的运动与平滑的运动
javascript
、
css
、
performance
、
scroll
、
parallax
ScrollAnimation使用一个ScrollDetector实例根据ScrollDetector元素在另一个元素上插值任意
CSS
值。ParallaxativeAnimation使用的是translateY(x)工作,但是
动画
很活跃。库的
动画
使用translate3d(0, x, 0),工作非常流畅。 } this.ticking
浏览 1
提问于2017-11-15
得票数 31
3
回答
CSS
过渡比DOM
动画
表现更好吗?
javascript
、
css
它支持两种模式:
CSS
过渡和DOM
动画
。当我使用DOM
动画
模式时,我发现有时滚动并不比
CSS
过渡更流畅。DOM
动画
:传统的DOM
动画
,不断改变
CSS
top属性。
浏览 0
提问于2015-06-03
得票数 2
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
盒子端 CSS 动画性能提升研究
创建高性能CSS3动画
网页性能优化,缓存优化、加载时优化、动画优化
前端开发规范——三、CSS性能优化
CSS性能优化的8个技巧
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券