摘要: 对于很多初学者,this总是搞得我们晕头转向。 现在,我就简单的总结一下关于this的那点事。 this在函数定义时经常是不能确定的,只有在函数执行的时候才能最终确定this的归属。this总是指向最后调用它的对象,那么怎么知道到底是谁调用的呢?其实很简单,我们知道函数调用的其中一种方法就是利用ca 阅读全文
posted @ 2017-11-17 22:41 白水煮青菜 阅读(293) 评论(5) 推荐(1) 编辑
摘要: 小球碰到一面壁之后一般都会反弹,反射角=入射角; 其实用css3来实现这个效果也非常简单。 首先,分解一下小球的运动:水平运动和垂直运动。 当小球往右下方向运动时,如果碰到了下面的壁,那么由于碰撞,小球受到了垂直于墙壁的力(即向上的力),这样的话水平运动是不会受到影响的,只有垂直运动受到了影响。所以 阅读全文
posted @ 2017-09-28 18:13 白水煮青菜 阅读(1742) 评论(0) 推荐(0) 编辑
摘要: 写几个简单的加载中动画吧。 像前面三种都是相当于几个不同的点轮流来播放同一动画:变大变小。css3里面有一个用于尺度变换的方法:scale(x,y):定义 2D 缩放转换,改变元素的宽度和高度。 第四种就是一个小球从上往下跌落,再弹回去,在上面的时候速度最小,下面的时候速度最大。由于该小球只进行了上 阅读全文
posted @ 2017-09-27 23:56 白水煮青菜 阅读(6798) 评论(0) 推荐(1) 编辑
摘要: 今天就写一个css3抛物线的动画吧= = 从左到右的抛物线动画,我们就暂且把动作分为匀速向右运动和变速的上下运动。 水平匀速运动我们可以利用 translateX(x):定义 2D 转换,沿着 X 轴移动元素;以及linear:动画从头到尾的速度是相同的 这两个属性值来实现; 上下的匀变速运动可以利 阅读全文
posted @ 2017-09-26 01:08 白水煮青菜 阅读(761) 评论(1) 推荐(0) 编辑