在i 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ndex.js中轮播图的左右按钮的监听事件里,有一个flag,它起的就是节流阀的作用,说白了就是防止点击按钮频率太快,导致图片动画没加载完就跑飞了:
这里的轮播图是简化版本,没有加底下的小圆点,且不能动态生成,下面附上原生js轮播图的高配版本(带有注释),感兴趣的同学可以自行修改:
window.addEventListener(‘load’, function() {
// 1. 获取元素
var arrow_l = document.querySelector(‘.arrow-l’);
var arrow_r = document.querySelector(‘.arrow-r’);
var focus = document.querySelector(‘.focus’);
var focusWidth = focus.offsetWidth;
// 2. 鼠标经过focus 就显示隐藏左右按钮
focus.addEventListener(‘mouseenter’, function() {
arrow_l.style.display = ‘block’;</