摘要：
//用JS实现轮播图：// 主要功能 /* 1、鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮 2、点击右按钮依次，图片往左播放一张，依次类推，左按钮同理 3、图片播放的时候，下面的小圆圈跟着一起变化 4、点击小圆圈，可以播放相应图片 5、鼠标不经过轮播图，轮播图也会自动播放图片 6、鼠标经过， 阅读全文
摘要：
动画的原理 核心原理：通过哦定时器setInterval()不断移动盒子的位置 实现步骤： 1、获得盒子当前的位置 2、让盒子在当前位置加上1个移动距离 3、利用定时器不断重复这个操作 4、加一个结束定时器的条件 5、注意此元素需要增加定位，才可以使用element.style.left // 动画 阅读全文
摘要：
单鼠标移动到元素上时就会触发mouseenter事件 类似mouseover，他们之间的差别就是 mouseover鼠标经过自身盒子会触发，经过子盒子还会触发。mouseenter只会经过自身盒子触发。 之所以这样，就是因为mouseenter不会冒泡 阅读全文
摘要：
scroll系列有四个属性，包含element.scrollTop、element.scrollLeft、element.scrollHeight、element.scrollWidht 此外window.pageYOffset表示页面被卷进去的头部 element.scrollTop 被卷去的上侧 阅读全文
摘要：
URL 接口的 searchParams 属性返回一个 URLSearchParams 对象，这个对象包含当前 URL 中解码后的 GET 查询参数。 如果你的 URL 是 https://example.com/?name=Jonathan%20Smith&age=18 ，你可以这样解析 URL， 阅读全文
摘要：
window.resize事件表示窗口改变的时候，就会触发的事件 阅读全文
摘要：
load和DOMContentLoaded事件都是页面加载完成事件 要主要两者的区别，load事件是等待DOM节点、图片、flash、css等，都加载完成后，再执行 DOMContentLoaded事件是只要加载完DOM之后，不等待图片flash、css等就可以执行，加载速度会比load快 阅读全文
摘要：
看链接： https://www.jb51.net/article/2827.htm 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
摘要：
1、e.target表示点击元素生效（点击那个元素，那个元素生效） this表示绑定的事件生效，绑定了那个事件，哪个事件生效 2、e.type 获取事件类型 click是点击类型 3、e.preventDefault()该方法阻止默认行为 比如点击了a标签后，不让a标签进行跳转 4、e.stopPr 阅读全文