博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端 动画
阅读量:5949 次
发布时间:2019-06-19

本文共 515 字,大约阅读时间需要 1 分钟。

刷新率

指电子束对屏幕上的图像重复扫描的次数,即屏幕每秒画面被刷新的次数,大多数电脑显示器刷新频率60Hz。

Javascript动画

setTimeout、setInterval

通过setTimeout或setInterval一帧一帧的改变UI达到动画的效果。如果渲染频率与浏览器刷新频率不一致,即延迟时间比刷新时间短,会丢帧,造成视觉上动画卡顿。

requestAnimationFrame

对setTimeout、setInterval优化,防止丢帧。每一帧的所有DOM操作集中,一次渲染完成。渲染频率与浏览器刷新频率一致,且对隐藏或不可见元素,不进行重排或重绘。

GPU加速

直接使用GPU改变图层(UI),无需渲染引擎重新渲染的过程,提高绘制速度。 如典型的3D变换:

.cube {   -webkit-transform: translate3d(250px,250px,250px) rotate3d(250px,250px,250px,-120deg) scale3d(0.5, 0.5, 0.5); }

转载于:https://www.cnblogs.com/fe-huahai/p/6388917.html

你可能感兴趣的文章
PHP CURL并发,多线程
查看>>
ES 概念及动态索引结构和索引更新机制
查看>>
iOS 开发百问(2)
查看>>
MySQL for Mac 安装和基本操作(包含后期的环境变量设置)
查看>>
Linux及windows下常见压缩程序的压缩能力对比
查看>>
JAVAEE-junit测试hibernate里的方法(hibernate交给spring管理)的问题
查看>>
MOTO MB860 国行2.3.5优化增强ROM_Top_T5_end(经典收藏版)
查看>>
C#学习经典(二)---MVC框架(Model view Controller)
查看>>
我的友情链接
查看>>
log4j配置文件说明
查看>>
Maven: 为Compiler插件设置source和target版本
查看>>
L2TP/IPSec一键安装脚本
查看>>
linux下永久添加静态路由
查看>>
android 全局变量和局部变量命名规则
查看>>
Ubuntu Sub-process /usr/bin/dpkg
查看>>
详解DNS的常用记录(下):DNS系列之三
查看>>
“爆炸门”苹果补刀,三星该“哭晕了”!
查看>>
基于linux的3款压力测试工具:Siege,webbench,ab
查看>>
Netty Buffer
查看>>
icinga2使用check_snmp_idrac.py监控DELL硬件状态
查看>>