var count = 10; for(var i = count;i--;){ var div = document.createElement('div'); div.innerHTML = "test_div"+i; div.className = "test_div"; document.b ...
分类:
Web程序 时间:
2017-05-10 01:02:53
阅读次数:
194
任务目的 在上一任务基础上继续JavaScript的体验 深入学习JavaScript的事件机制及DOM操作 学习事件代理机制 学习简单的表单验证功能 学习外部加载JavaScript文件 任务描述 参考以下示例代码,用户输入城市名称和空气质量指数后,点击“确认添加”按钮后,就会将用户的输入在进行验 ...
分类:
编程语言 时间:
2017-05-06 15:13:52
阅读次数:
261
之前我们说过用 for 循环绑定事件 没看过的点这里 今天我们介绍一种更加方便的方法,就是事件委托,也叫事件代理; 件事委托是什么 事件委托:简单说就是把一个事件交给别人来完成,就是利用冒泡原理,将事件绑定到节点的父级节点上,触发执行效果。 件事委托的好处 举个栗子 这里要用到event对象,eve ...
分类:
编程语言 时间:
2017-04-27 12:35:53
阅读次数:
195
起因: 1、这是前端面试的经典题型,要去找工作的小伙伴看看还是有帮助的; 2、其实我一直都没弄明白,写这个一是为了备忘,二是给其他的知其然不知其所以然的小伙伴们以参考; 概述: 那什么叫事件委托呢?它还有一个名字叫事件代理,JavaScript高级程序设计上讲:事件委托就是利用事件冒泡,只指定一个事 ...
分类:
Web程序 时间:
2017-04-07 15:38:24
阅读次数:
211
1,什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。 也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。 好处呢:1,提高性能。 我们可以 ...
分类:
Web程序 时间:
2017-03-30 11:53:47
阅读次数:
1296
通过分析评论功能的逻辑关系,学会如何使用JavaScript实现评论、回复、点赞等各种功能 1.学会JavaScript处理日期和时间。 2.掌握Dom操作中的添加/删除子节点方法。 3.使用setTimeout设置定时器。 4.使用clearTimeout清除定时器以及事件代理的运用。 效果图: ...
分类:
编程语言 时间:
2017-03-12 20:59:36
阅读次数:
1036
1事件代理:当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。 例如:点击按钮删除对应的条目。 如果给每一个按钮添加事件,极为繁琐,这时候需要用到事件代理。 事件代理是基于浏览器的事件冒泡机制。 下面是对应的代码: ...
分类:
Web程序 时间:
2017-02-10 20:47:16
阅读次数:
396
代理delegate: 对象引用指向某个特定类型的对象。 代理指向某个特定类型的方法。 代理四步: 定义自定义代理类:public delegate void first(int i); 实例化代理类:first MyDelegate = null; 实例添加方法:MyDelegate += new... ...
分类:
其他好文 时间:
2017-01-17 00:30:40
阅读次数:
154
事件委托原理:事件冒泡机制。优点:1.可以大量节省内存占用,减少事件注册。比如ul上代理所有li的click事件就很不错。2.可以实现当新增子对象时,无需再对其进行事件绑定,对于动态内容部分尤为合适缺点:事件代理的常用应用应该仅限于上述需求,如果把所有事件都用事件代理,可能会出现事件误判。即本不该被... ...
分类:
其他好文 时间:
2017-01-10 16:03:13
阅读次数:
369
Atitit事件代理机制原理 基于css class的事件代理 1.1. 在javasript中delegate这个词经常出现,看字面的意思,代理、委托1 1.2. 事件代理1 1.3. 代理标准化规范1 1.3.1. jQuery和Dojo中delegate函数2 1.3.2. 优点2 1.1. ...
分类:
Web程序 时间:
2016-12-11 18:39:51
阅读次数:
257