55.速度运动框架及其局限性

框架的意义:把原装js 封装起来,不用每次都写

获取属性用点的话必须是行内属性,也可以 dom.currentStyle.属性 还可以 computedStyle(dom).属性,通常使用后二者的封装函数,注意后二者获得的属性值是带px的字符串,需要parseFloat或者parseInt 再进行加减操作。

但是赋值的话就可以直接点操作。

55.速度运动框架及其局限性_第1张图片

 

 

第一步:获取对象

 

第二步:封装框架(包含封装获取属性方法 设置定时器)

 

第三步:框架执行

 

55.速度运动框架及其局限性_第2张图片

 

 

 以上并不完整:因为没考虑到opacity,js中没有单位的只有opacity

55.速度运动框架及其局限性_第3张图片

 

 

 实际应用中不会只传一个属性:

可以多次执行,但是不实用

也可传进对象,但是目标值不同,速度运动框架,速度是固定的,会导致到达目标值的时间不同,但是只有一个定时器,所以清楚定时器的时间又是一个考量很麻烦。

因此 更好的选择是:时间版运动框架(给定时间,根据与目标值的差量,赋予不同属性不一样的速度)

55.速度运动框架及其局限性_第4张图片

 

 

 

 

 

你可能感兴趣的:(55.速度运动框架及其局限性)