接着上一章将,这一章主要讲编程时遇到的问题:
scroll事件:
scroll事件
我在vue中是这样使用的object.addEventListener(‘scroll’, e => {}, false);结果发现不行,于是查了很多资料,最后有3种解决方案:
①在节点上使用οnscrοll=“function”
②在节点上使用@scroll事件
③object.addEventListener的第三个参数改为true,即object.addEventListener(‘scroll’, e => {}, true)
我使用的是第三种方案,因为更加灵活。
selector[::before|::after] {content: attr();}
我们可以通过这种方式减少dom的层级,增加单个标签的作用。
requestAnimationFrame
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
// 保证requestAnimationFrame的兼容性
window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;

Logo

前往低代码交流专区

更多推荐