摘要: 示例代码: 显示结果: 1.主要代码 step从0开始,每一帧增加0.05,相当于上图的横轴(X坐标)随着时间向右走 Math.cos(this.step += .05)则为上图对应的数轴(Y坐标),会随着step的增加,呈现1到-1的抛物线变换,正负值使得velX有左右方向 stepSize为步长 阅读全文
posted @ 2016-02-05 15:28 天马3798 阅读(1065) 评论(0) 推荐(0)
摘要: requestAnimationFrame 方法的支持,该方法通过在系统准备好绘制动画帧时调用该帧,从而为创建动画网页提供了一种更平滑更高效的方法。在此 API 之前,使用 setTimeout 和 setInterval 绘制的动画并没有为 Web 开发人员提供有效的方法来规划动画的图形计时器。这 阅读全文
posted @ 2016-02-05 14:52 天马3798 阅读(1184) 评论(0) 推荐(0)
摘要: pointer-events的风格更像JavaScript,它能够: 1.阻止用户的点击动作产生任何效果.阻止缺省鼠标指针的显示3.阻止CSS里的hover和active状态的变化触发事件4.阻止JavaScript点击动作触发的事件 一些需要注意的关于pointer-events的事项: 1.子元 阅读全文
posted @ 2016-02-05 11:43 天马3798 阅读(588) 评论(0) 推荐(0)