事件委托,js中的一种优化方法】的更多相关文章

在前端编程中,我们常会遇到一种叫做事件委托的方法. 那么, 什么是事件委托呢? 简单来说,事件就是指onclick,onmouseover,onmouseout等大部分事件,为什么说是大部分后面会提到,因为有些例外:委托就是本来由元素x自己来做的事,让其父元素代为办理,这个就像叫其他人带领快递包裹一样. 事件委托的原理? 事件委托的原理很简单,主要利用的javascript的事件冒泡机制.具体来讲就是,当事件源是文档或者文档元素时,在不主动阻止事件冒泡的情况下,事件会按着dom树结构由事件源逐级…
JS中的五种去重方法 第一种方法: 第二种方法:  第三种方法: 第四种方法: 第五种方法:优化遍历数组法 思路:获取没重复的最右一值放入新数组 * 方法的实现代码相当酷炫,* 实现思路:获取没重复的最右一值放入新数组.* (检测到有重复值时终止当前循环同时进入顶层循环的下一轮判断)*/…
JS作为面向对象的弱类型语言,继承也是其非常强大的特性之一. 继承:子承父业:一个原本没有某些方法或属性的对象,统一写方法,拿到了另外一个对象的属性和方法 下面是js中的几种继承方式 1.改变this指向继承(构造函数继承):继承构造函数中的属性和方法 function Parent(n){ this.name = n; this.skill = function(){ console.log(this.name + "是篮球运动员"); //樱木花道是篮球运动员 //泽北荣治是篮球运…
在项目中有一个人信息修改的页面,但是修改后显示的却是修改之前的内容,分析问题后发现查询语句写在了修改语句之前,有些某些需要又必须这么写,但是修改信息后先却显示之前的信息也太不科学了. 所以我就想用js刷新一下页面,于是在更新后输出了<script>window.location.reload()</script>; 可问题又来了,每次跟新后浏览器就会提示是否再次提交数据.如果点击是就会重新修改一遍,于是提示又来一遍,我靠,这是死循环啊.但是如果点击否则页面提示过期. 唉,看来win…
JS中的三种逻辑语句:顺序.分支和循环语句. 一.顺序语句 代码规范如下:1. <script type="text/javascript"> var a = 10;           var b = 5;           var c = a==b?"A等于B":"A不等于B";          alert(c);顺序语句 2.var sex = true;        var xb = sex?"男":…
JS OOP 中的三种继承方法: 很多读者关于js opp的继承比较模糊,本文总结了oop中的三种继承方法,以助于读者进行区分. <继承使用一个子类继承另一个父类,子类可以自动拥有父类的属性和方法.(继承的两方,发生在两个类之间)> 一.通过object实现继承 1:定义父类 function Parent(){} 2:定义子类 funtion Son(){} 3:通过原型给Object对象添加一个扩展方法. Object.prototype.customExtend = function(p…
js中的三种函数写法 <script type="text/javascript"> //普通的声明方式 function myFun(m,n){ alert(m+n) } // myFun(3,2) //使用变量声明函数 var fun=function(m,n){ alert(m+n) } //fun(3,4) //使用构造函数来声明 var nfun=new Function('m','n','alert(m+n)') //nfun(3,5) </script&…
 实现一个函数clone,可以对JS中的5种数据类型(Number.String.Object.Array.Boolean)进行值复制…
提醒大家,Object.prototype.toString().call(param)返回的[object class]中class首字母是大写,像JSON这种甚至都是大写,所以,大家判断的时候可以都转换成小写,以防出错 1.typeof(param) 返回param的类型(string) 这种方法是JS中的定义的全局方法,也是编译者们最常用的方法,优点就是使用简单.好记,缺点是不能很好的判断object.null.array.regexp和自定义对象. 示例代码: 复制代码代码如下: var…
JavaScript -- 知识点回顾篇(三):js中的 String 对象的方法 (1) anchor(): 创建 HTML 锚. <script type="text/javascript"> var txt1="Hello world!" document.write(txt1.anchor("mytxt1")) </script> (2) big(): 用大号字体显示字符串. <script type=&qu…