大家知道js可以做出好多很漂亮的动画,看上去很神奇,其实原理很简单,今天就讨论一下js动画的实现以及如何编写可以反复重用的运动框架。首先做一个简单的例子,我这里有一个长50px 宽20px的长条形div 现在我想让鼠标停在上面的时候这个长条变为长1000px宽20px的超级长条,然后当鼠标移开的时候再变回50px长。下面看一下我写的代码:无标题文档这里可以看到一个非常死板的动画效果,50px长的div瞬间变成了1000px长,然后又瞬间变回来。严格的说,这算是个p动画效果,动画的本质是人眼睛可以保存前1微秒看到的影响,从而将死板的动作看成是平滑的动作,我们现在就要改善这个死板的动作。其实我们可 Read More
posted @ 2013-11-14 17:13 折腾手记 Views(496) Comments(1) Diggs(1) Edit
现在有两个对象,需要实现Chinese类型对象对Person类型对象的继承。这里分两部分,属性和方法。属性可以直接用构造函数的方法实现继承,而方法则要通过原型链来实现继承。先解释什么是原型链,每个对象创建的时候,都同时创建了一个该对象的原型对象,比如function F(){};创建的时候,不仅仅创建了F对象还创建了F对象的原型对象,可以通过F.prototype来访问这个对象。那么这个原型对象有什么用处呢?在对对象中的属性或方法进行引用的时候,如果对象中没有这个属性或方法,则系统会到对象的原型中去找,如果原型中找不到则继续去原型的原型中去找,这样就形成了一个原型链,大概你要为为什么对象的原型 Read More
posted @ 2013-11-14 00:04 折腾手记 Views(209) Comments(0) Diggs(0) Edit