从下拉导航说起.pptVIP

从下拉导航说起 littledu 先看效果并分析 1. 从最简单开始 2. 循环绑定 事件冒泡 阻止事件冒泡 如何封装成组件 组件目标 只要写好结构 直接new Menu({ target: list, menuClass: sec }); 模式选型 单例模式 构造函数模式 代码分析 下拉导航的性能优化 下拉导航的性能优化 * 最近大家的JS学习热情挺高的，我也说想给大家讲一下，想了很久，决定直接从例子开始，例子中用到什么知识点，再展开来讲 注： 打开result.html 从效果我们可以看到，我们现在是鼠标滑过的时候，展开下面的子导航，离开时收起。 那这里涉及到的知识点有：获取节点，鼠标事件，设置样式，事件冒泡等。 那接下来，我们就一步步来看一下。 好，基础的下拉导航原理我们已经知道，虽然很简单，但我们还可以进一步的设定一些规则，封装成一个可以直接调用的组件 直接打开result.tt分析 打开QQ商城，和QQ * 最近大家的JS学习热情挺高的，我也说想给大家讲一下，想了很久，决定直接从例子开始，例子中用到什么知识点，再展开来讲 注： 打开result.html 从效果我们可以看到，我们现在是鼠标滑过的时候，展开下面的子导航，离开时收起。 那这里涉及到的知识点有：获取节点，鼠标事件，设置样式，事件冒泡等。 那接下来，我们就一步步来看一下。 好，基础的下拉导航原理我们已经知道，虽然很简单，但我们还可以进一步的设定一些规则，封装成一个可以直接调用的组件 直接打开result.tt分析 打开QQ商城，和QQ * *