事件委托
每一个元素都有一个点击事件,消耗性能
事件委托:利用冒泡机制,将事件统一交给父级处理, 降低系统性能消耗
虽然给ul添加的点击事件,但是我们可以利用target找到点击的事件源
oUl.onclick = function(e){
var ev = e || window.event;// 事件对象的
var t = e.target || e.srcElement;//事件源的
console.log(t.innerHTML);
}
正则
1. 正则表达式的概念
是用于匹配字符串中字符组合的模式,正则实质也是对象
var reg = /abc/; //字面量创建法
var reg = new RegExp(/abc/);//构造函数创建法
1. 边界符
^(以...开头的) $(以...结束的)
2. 元字符
var reg = /1234567890/;
console.log(reg.test('1234567890hhh'));
console.log(reg.test('1234h567890'));
\d 代表任意一个数字(0-9)
\D 代表任意一个非数字(0-9)
var reg = /\d/;
console.log(reg.test('hhgdsgga0')); //true
var reg = /\D/;
console.log(reg.test('hhgdsgga4'));//false
\w : 所有数字,小写大写字母,_
\W : 非 (数字,小写大写字母,_)
3.字符类
var reg3 = /[0-9]/; //匹配任意一個数字(十选一)
3.1 量词类
* 0次或者多次
+ 1次或者多次
? 0次或者1次
{n} n次
{m,n} 至少m次,最多不超过n次
{n,} 至少n次
3.2 括号总结(大括号,中括号,小括号)
() :提高优先级
[] : 匹配其中的任意一个
/[0-9] [a-z] [A-Z] [0-9a-zA-Z]/
正则的方法
正则中相关字符串的方法:
-
search方法 返回与正则表达式查找内容匹配的第一个子字符串的位置
语法:str.search(reg) -
match 方法
使用正则表达式模式对字符串执行查找,并将包含查找的结果作为数组返回。
语法:str.match(reg) -
replace 方法
返回根据正则表达式进行文字替换后的字符串的复制。
语法:str.replace(reg, 替换内容)敏感词替换 var str = '展示感觉哈哈草圣诞nb节将尼玛NB'; var reg = /草|NB|尼玛/gi; console.log(str.replace(reg,'**'));