事件委托能够优化js性能

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>面试题练习img居中</title> <style type="text/css"> img { /*display: table-cell; vertical-align: middle;*/ } html,body{ height: 100%; } div{ w…

参考: jQuery代码优化:事件委托篇使用该技术能让你避免对特定的每个节点添加事件监听器:相反,事件监听器被添加在他们的父元素上,事件监听器会分析从子元素上冒泡上来的事件,并找到是哪个子元素事件. 现实当中,前台MM收到快递后,她会判断收件人是谁,然后按照收件人的要求签收,甚至代为付款.(公司也不会容忍那么多员工站在门口就为了等快递); 这种事件委托还有个好处,就是即便公司又来很多员工,前台MM照样可以签收新员工的快递,新员工即便刚来但一样拥有拿自己快件的方法: 通俗来讲: 事件有:oncl…

web优化 js性能高级篇

今天我们继续上一个阶段关于web的性能优化,如何对js高级进行优化 (1)闭包何为闭包; 一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分. 我认为比较通俗的理解就是; 闭包就是能够读取其他函数内部变量的函数. 由于在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数". 所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁.(@阮一峰) 闭包如何优化体现在…

js 事件委托事件代理

JavaScript高级程序设计上解释:事件委托就是利用事件冒泡,只指定一个事件处理程序,就可以管理某一类型的所有事件. 通过例子类比: 有三个同事预计会在周一收到快递.为签收快递,有两种办法:一是三个人在公司门口等快递:二是委托给前台MM为签收.现实中,我们大都采用委托的方案.前台MM收到快递后,会判断收件人是谁,然后按照收件人的要求签收.这种方案的优势就是无论有多少个新员工要收快递,前台MM都可以代为签收. 这里有两层意思: 第一,现在委托前台的同事是可以代为签收的,即程序中的现有的DOM节…

彻底弄懂JS事件委托的概念和作用

一.写在前头接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗?然后我就混乱了,我印象中这个方法是可以绑定新节点的.后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现给他们注册事件. 二.事件委托(事件代理)的作用? 为了方便理解,我先把事件委托的作用写一下. 支持为同一个DOM元素注册多个同类型事件可将事件分成事件捕获和事件冒泡机制例子解析: 注册多个…

focus如何实现事件委托

事件委托是利用事件冒泡机制的一种优化手段,如果有很多列表元素要绑定事件,那么就可以用事件委托来优化(不需要给每个元素都绑定事件).但是对于focus这种特殊的表单事件,它不会冒泡,那么又该如何实现这一优化呢?有的人会说这个会同时触发click,但是如果我是通过tab切换呢? js事件机制 js的事件机制有两种,事件冒泡和事件捕获,冒泡呢就是从触发事件的节点开始一层一层的往父节点传播:而事件捕获恰恰相反,是从根节点(document)往子节点中传播. dom事件 1.DOM0级事件处理 dom.o…