【zepto学习笔记01】核心方法$()(补)
前言 在很久之前,我们项目有一个动画功能,功能本身很简单,便是典型的右进左出,并且带动画功能 以当时来说,虽然很简单,但是受限于框架本身的难度,就直接使用了CSS3的方式完成了功能 当时主要使用transform与animation实现功能,并且用了一个settimeout执行回调,然后此事便不了了之了 但是出来混总是要还的,这不,最近相似的东西又提了出来,我们当然可以将原来的那套东西拿来用,但是看着那个settimeout总是不是滋味,因为这样捕捉回调的效果以及可能引起的BUG大家都懂,于是就想使用transitionEnd监控动画结束再执行相关回调,于是便有了一个有趣的想法 当时的心声 嗯,不行,这次我要写一个通用的东西,他至少有这些功能: ① 我可以给他一个CSS变化属性 ② 我可以给他一个时间长度 ③ 我可以给他一个动画曲线参数 有了以上东西我就可以让一个元素触发动画,并且对其注册transitionEnd事件,最后执行我们的回调,于是我基本就陷进去了 但是,我想着想着突然感觉不对,感觉以上东西好像在哪里见过,于是一个叫 animate 的东西冒了出来 突然一刹那,我有一个不妙的感觉,搞出来一看: animate animate(properties, [duration, [easing, [function(){ ... }]]]) ⇒ self animate