持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第22天，点击查看活动详情
mouseenter和mouseover的区别 鼠标经过触发
mouseover 经过自身盒子会触发,经过子盒子还会触发 mouseout
mouseenter 只经过自身盒子会触发 mouseleave鼠标离开 不冒泡
mousedown 鼠标按下触发
mouseup 鼠标弹起触发
mousemove 鼠标按下触
移动端触屏事件touch
touchstart 手指触摸到一个DOM元素时触发
touchmove 手指在一个DOM元素上滑动时触发
touchend 手指从一个DOM元素上移开时触发
触摸事件对象(TouchEvent)
touches 正在触摸屏幕的所有手指的一个列表
targetTouches 正在触摸当前DOM元素上的手指的一个列表
changedTouches 手指状态发生了改变的列表
JS 插件是 js 文件，它遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用
特点：它一般是为了解决某个问题而专门存在，其功能单一，并且比较小。 我们以前写的animate.js 也算一个最简单的插件 fastclick 插件解决 300ms 延迟。 使用延时
插件
- 引入 js 插件文件。
- 按照规定语法使用。
- fastclick 插件解决 300ms 延迟。 使用延时
节流阀
目的:当上一个函数动画内容执行完毕,再去执行下一个函数动画,让事件无法连续触发
核心思路:利用回调函数,添加一个变量控制,锁住函数和解锁函数
开始设置一个变量 var flag = true;
if(flag){flag = false; do something}
利用回调函数动画执行完毕, flag = true
classList属性 H5新增属性,返回元素的类名
添加类: focus.classList.add('current);
移除类: focus.classList.remove('current');
切换类: focus.classList.toggle('current);
本地存储
sessionStorage约5M
localhostStorage约20M
sessionStorage.clear() 清空数据
数据存储单位 bit byte kb
字节 1B = 8b
1KB = 1024B
1MB = 1024KB
