vue中的滚动事件以及requestAnimationFrame动画

接着上一章将，这一章主要讲编程时遇到的问题：
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;