动画


JavaScript基于时间的动画算法

作者:戴嘉华 转载请注明出处,保留原文链接和作者信息 目录 前言 基于帧的动画算法(Frame-based) 基于时间的动画算法(Time-based) 改良基于时间的动画算法 总结 前言 前段时间无聊或有聊地做了几个移动端的HTML5游戏。放在不同的移动端平台上 …


浅谈 Web App 动画效率

自从 HTML5 诞生之后,关于 Web App 和 Native App 的讨论就从未间断过,孰优孰劣大家各执一词。但作为前端开发者的我们,心里其实是明白的,这个世界是你们的(Native App),也是我们(Web App)的,但终究还是我们的,如果几十年后再回头看这一路的话 …


jQuery动画的实现

没有引入deferred机制,其余流程都有了 //////////// //创建动画缓动对象 // //////////// function Tween(value, prop, animation) { this.elem = animation.elem; this.prop = prop; this.easing = “swing”; //动画缓动算法 th …


动画requestAnimationFrame

前言 在研究canvas的2D pixi.js库的时候,其动画的刷新都用requestAnimationFrame替代了setTimeout 或 setInterval 但是jQuery中还是采用了setInterval,我这章就研究下顺便改造下jQuery的动画   定时器 jQuery动画的实现考虑到兼容与易用性采用了se …


jQuery源码分析系列(40): 动画设计

前言 jQuery动画是通过animate这个API设置执行的,其内部也是按照每一个animate的划分封装了各自动画组的行为, 包括数据过滤、缓动公式、一些动画默认参数的设置、元素状态的调整、事件的处理通知机制、执行等等 换句话说,我们可以把animate看作一个对 …


jQuery源码分析系列(39) : 动画队列

data函数在jQuery中只有短短的300行代码,非常不起点 ,剖析源码的时候你会发现jQuery只要在有需要保存数据的地方无时无刻不依赖这个基础设施 动画会调用队列,队列会调用data数据接口还保存队列里面的的动画数据 所以我们在自习回顾下关于数据缓存 //Th …