DOM事件流的三个阶段

DOM事件流的三个阶段
流 流的概念,在现今的JavaScript中随处可见。比如说React中的单向数据流,Node中的流,又或是今天本文所讲的DOM事件流。都是流的一种生动体现。 至于流的具体概念,我们采用下文的解释: 用术语说流是对输入输出设备的抽象。以程序的角度说,流是具有方向的数据。 事件流之事件冒泡与事件捕获 在浏览器发展的过程中,开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件? ...

30分钟快速上手ES6(下)

30分钟快速上手ES6(下)
Iterators + For..Of 迭代器 + For..of 循环 1)for循环的疑问 起初我们如何遍历数组中的元素呢?20年前JavaScript刚萌生时,你可能这样实现数组遍历: var myArray = ['2','3','aaa']; for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自ES5正式发布后,你可以使用内建的forEach方法来遍历数组: myArray.forEach(function ...

30分钟快速上手ES6(上)

30分钟快速上手ES6(上)
狗年春节刚过,今天第一天上班。新的技术总是很快的占到主导地位。快到你觉得他仿佛就是昨天推出来的。15年来,一直主动或被动地去学习这些新技术。只为了自己不落伍。转眼看,ES6已是两年前的东西了。 1.箭头函数 [1, 2, 3, 4, 5].map(function(v){ return v + 1 }) // 使用箭头函数更改 [1, 2, 3, 4, 5].map(v => v + 1) function Person(){ this.name = 'Perso...

使input框与页面一模一样

使input框与页面一模一样
用户要求页面上的input框不能在激活里有边框,想了各种办法,但还是在点上去有阴影,后来用了一个Css,一招制敌。 <input type="text" style=" height:30px; margin-bottom:0; box-shadow: 0px 0px 0px rgb(252, 244, 200); line-height:30px; width:90%; background-color:transparent; border: 0px; outline:none; cursor: pointer;"/> box-shadow: 0px 0px 0px #ffffff; ...

一条正则实现验证多个邮件地址正确性

一条正则实现验证多个邮件地址正确性
1,多个邮件地址用;分割 2.一个邮件地址不能后面跟;号 3.失去焦点时进行验证 4.多个邮件地址,如果有一个错就会报错。 <html> <head> <meta charset="utf-8"> <title>多收件人地址验证</title> </head> <body> 失去焦点时验证<br> 收件人地址:<input type="text" onblur="checkIt(this.value)"> <div id="msg" style...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: