摘要: //50ms节流方案 let lazyLoadThrottle = throttle(lazyLoad,50); window.addEventListener('scroll',lazyLoadThrottle); //raf的一帧节流方案 var isScroll = true; window. 阅读全文
posted @ 2020-05-11 23:42 全玉 阅读(277) 评论(0) 推荐(0) 编辑
摘要: transition 过渡动画,有4个属性: (1) transition-property:属性名称(2) transition-duration: 间隔时间(3) transition-timing-function: 动画曲线(4) transition-delay: 延迟 animation 阅读全文
posted @ 2020-05-11 20:19 全玉 阅读(899) 评论(0) 推荐(0) 编辑
摘要: 抛物线动画的原理,就是用两个元素,子元素会继承父元素的运动,将父元素在横向运动,子元素在纵向运动,子元素会形成一种双向运动。而父元素在横向上是匀速运动,子元素在纵向上是变速运动,可以使用贝塞尔曲线来定义运动,二者合成,就能出现一个曲线运动。具体的曲线,跟选择的贝塞尔函数有关,调整好,就可以形成抛物线 阅读全文
posted @ 2020-05-11 20:04 全玉 阅读(623) 评论(0) 推荐(0) 编辑