开发普通的二级菜单

事件代理的方式进行绑定

1 、mouseenter 和mouseover 的区别
1)使用mouseove/mouseout时,如果鼠标移动到子元素上,即便没有离开父元素,也会触发父元素的mouseout 事件
2)使用mouseenter/mouseleave时,如果鼠标没有离开父元素,在其子元素任意移动时,也不会触发mouseleave事件

2、active 的用法

3、利用延迟进行优化
1)切换子菜单时,用setTimeout设置延迟
2)debounce去抖技术:事件被频繁触发时,只执行一次

你可能感兴趣的:(开发普通的二级菜单)