-
// 如果频繁的触发鼠标移入事件,就需要用到防抖技术优化。当不断触发鼠标移入事件的时候,我们把延时回调从事件队列移除,当最后鼠标悬停到一个一级菜单上不动时,由于之前的timer都被清除,所以这条if语句不会进入。顺利的执行下面的延时操作 if (timer) { clearTimeout(timer) }查看全部
-
切换子菜单,加入延迟来优化查看全部
-
span:hover查看全部
-
$(document).ready(function(){.... })这样的写法作用是希望在页面加载完,自动执行定义js代码(function)。 $(document).ready(function(){.... })这个函数是用来取代页面中的window.onload; document.ready()和传统的方法<body onload=”load()”> 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快。查看全部
-
一、加入延迟 1、切换子菜单时候,用setTimeout设置延迟。 2、debounce去抖科技: 在事件被频繁触发时,只执行一次处理。查看全部
-
一、对一级菜单的每一个列表项进行绑定事件: 这时候并不是选中所有的列表项然后循环,对每一个进行事件绑定。而是采用这种事件代理的方式,来进行事件的绑定。好处: 1、如果有场景需要动态添加或删除列表项,如果采用单个事件绑定方式,会造成一些性能上的问题,还会增加代码。如果绑定在父元素上,无论是增加或删除任何的节点,都不需要再添加任何的代码。不需要为后续增加节点,再绑定事件,因为利用事件冒泡的特性。查看全部
-
一、当样式切换需要用到js来控制的时候,一般用类。如果不需要的话,可以直接用span:hover来实现。 如果要用精细的控制,一般用js实现。如动画,可以用css3实现,如果要实现对帧的控制,就要用js。 二、给页面添加图标或其他东西的时候,为了减少几个字符,就用<i>元素,可以省去一些字节。查看全部
举报
0/150
提交
取消