为了账号安全,请及时绑定邮箱和手机立即绑定

JS实现京东无延迟菜单效果

呵呵SN JS工程师
难度初级
时长48分
学习人数
综合评分9.33
85人评价 查看评价
9.7 内容实用
9.2 简洁易懂
9.1 逻辑清晰
  • 基于用户行为预测的切换技术
    查看全部
  • 加入延迟来优化 1. 切换子菜单的时候,用setTimeout设置延迟 2. debounce去抖技术: 当事件被频繁触发时,只执行一次处理!
    查看全部
  • mouseenter和mouseover的区别: 1. 使用mouseover/mouseout时,如果鼠标移动到子元素上,即便没有离开父元素,也会触发父元素的mouseout事件; 2. 使用mouseenter/mouseleave时,如果鼠标没有离开父元素,在其子元素上任意移动,也不会触发mouseleave事件。
    查看全部
  • a标签常用大小就是12px
    查看全部
  • 通常二级菜单采用绝对定位,只要知道其父容器的宽高,就可以很容易让二级菜单出现在指定的位置。
    查看全部
  • 什么时候给元素添加类,什么时候用伪类? 当样式的切换需要用到JS的时候,就给元素添加类; 如果不需要的就可以用伪类,例如:hover。
    查看全部
  • 前端
    查看全部
    0 采集 收起 来源:课程介绍

    2017-07-13

  • 使用 ECharts 开发图表组件的时候,我们经常需要在数据和配置项的转化中来回折腾,简单的图表可能修改起来还可以接受,对于复杂的需求,每次对于图表的改动可能都会伤筋动骨。为了能将 ECharts 图表开发从繁琐的数据类型转化、修改复杂的配置项中解脱出来,我们基于 Vue2 和 ECharts 封装了 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式,然后设置简单的配置项,便可轻松生成常见的图表。我们具体是如何做到这一点的呢,请看下面的例子。 使用 ECharts 开发图表组件的时候,我们经常需要在数据和配置项的转化中来回折腾,简单的图表可能修改起来还可以接受,对于复杂的需求,每次对于图表的改动可能都会伤筋动骨。为了能将 ECharts 图表开发从繁琐的数据类型转化、修改复杂的配置项中解脱出来,我们基于 Vue2 和 ECharts 封装了 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式,然后设置简单的配置项,便可轻松生成常见的图表。我们具体是如何做到这一点的呢,请看下面的例子。使用 ECharts 开发图表组件的时候,我们经常需要在数据和配置项的转化中来回折腾,简单的图表可能修改起来还可以接受,对于复杂的需求,每次对于图表的改动可能都会伤筋动骨。为了能将 ECharts 图表开发从繁琐的数据类型转化、修改复杂的配置项中解脱出来,我们基于 Vue2 和 ECharts 封装了 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式,然后设置简单的配置项,便可轻松生成常见的图表。我们具体是如何做到这一点的呢,请看下面的例子。使用 ECharts 开发图表组件的时候,我们经常需要在数据和配置项的转化中来回折腾,简单的图表可能修改起来还可以接受,对于复杂的需求,每次对于图表的改动可能都会伤筋动骨。为了能将 ECharts 图表开发从繁琐的数据类型转化、修改复杂的配置项中解脱出来,我们基于 Vue2 和 ECharts 封装了 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式,然后设置简单的配置项,便可轻松生成常见的图表。我们具体是如何做到这一点的呢,请看下面的例子。
    查看全部
  • 使用 ECharts 开发图表组件的时候,我们经常需要在数据和配置项的转化中来回折腾,简单的图表可能修改起来还可以接受,对于复杂的需求,每次对于图表的改动可能都会伤筋动骨。为了能将 ECharts 图表开发从繁琐的数据类型转化、修改复杂的配置项中解脱出来,我们基于 Vue2 和 ECharts 封装了 V-Charts 图表组件,只需要统一提供一种对前后端都友好的数据格式,然后设置简单的配置项,便可轻松生成常见的图表。我们具体是如何做到这一点的呢,请看下面的例子。
    查看全部
  • debounce
    查看全部
  • mouseover/mouseout和mouseenter/mouseleave区别
    查看全部
  • 查看全部
  • mouseenter mouseover
    查看全部
  • mouseenter与mouseleave
    查看全部
  • ddd
    查看全部
    0 采集 收起 来源:课程介绍

    2017-06-19

举报

0/150
提交
取消
课程须知
1、基本的HTML,CSS和JS语法 2、JQuery的常用API
老师告诉你能学到什么?
1、如何写菜单结构 2、如何写菜单样式 3、如何实现菜单交互 4、如何优化菜单交互 5、如何实现无延迟切换

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!