标签【requestAnimationFrame】

最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。本文主要想谈谈页面优化之滚动优化。主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节 ...

HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在c ...

关键点：不卡顿，交互流畅一、最传统、最简单粗暴的方式 <!DOCTYPE html> <html lang="en"> <head> <meta ...

requestAnimationFrame 知多少？

在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中 ...

JavaScript定时器与执行机制

JS执行机制浏览器（或者说JS引擎）执行JS的机制是基于事件循环。由于JS是单线程，所以同一时间只能执行一个任务，其他任务就得排队，后续任务必须等到前一个任务结束才能开始执行。为了避免因为 ...

在requestAnimationFrame出现之前，我们一般都用setTimeout和setInterval，那么html5为什么新增一个requestAnimationFrame，他的出现是为 ...

小程序利用画布动态画圆

wxml代码 <view class='container'> <canvas style='width:300px;height:200px;' canvas-id='c ...

移动端最高频耗内存的的操作莫属 touchmove 与scroll事件两者需要微观的优化，使用 requestAnimationFrame性能优化 H5性能优化requestAnimati ...

目录 0. 前置约定本系列说明 1. 开始 1.1. CesiumWidget 类是控制场景对象触发渲染的调度器 1.2. ...

移动端 css3 transition 动画，requestAnimationFrame 动画对于性能的要求，h5优先考虑；移动端单页有时候制作只用到简单的css3动画即可，我们封 ...