1、mouseenter和mouseover的区别

使用mouseover/mouseout时，如果鼠标从父元素移动到子元素上，即便没有离开父元素，也会触发父元素的mouseout事件

使用mouseenter/mouseleave时，如果鼠标没有离开父元素，在其子元素上任意移动，也不会触发mouseleave事件

2、data-前缀属性可以在JS中通过dataset取值，更加方便
<p id="getId" data-id="123">获取id</p>
原生js方法
var getId = document.getElementById("getId");
获取：getId.dataset.id; //123
赋值：getId.dataset.id="234"; //234
新增data属性：getId.dataset.id2 = "888"; //888
删除data属性 ：getId.dataset.id2 = null; //null
delete data属性：delete getId.dataset.id2;//null

jq方法
获取：$("#getId").data("id"); //123
赋值：$("#getId").data("id","100"); //100

3、