事件
DOM0 最初
<标签名 事件类型=“函数名()”>内容</标签名>
标签对象.事件类型 = 处理函数
标签对象.事件类型 = null
DOM2：升级
ie678 含on
标签对象.attachEvent（事件类型，型处理函数）
标签对象.detachEvent（事件类型，型处理函数）
主流浏览器 不含oon
标签对象.addEventListener(事件类型，处理函数， 事件流)
标签对象.removeEventListener(事件类型，处理函数， 事件流)
留心：去掉处理函数必须写变量（注：变量值是一个函数）
DOM0和DOM2有什么区别
1. 语法区别
2. DOM0同类型覆盖 DOM2累计生效
3. DOM0不能控制事件流，DOM2可以控制

事件流
什么是事件流：多个元素彼此嵌套，并且都设置了事件的表现
特性：操作一个，所以事件都触发
事件流的种类：冒泡型（dom0 & dom2低版本），捕获型（dom2主流浏览器）
为什么要学习事件流：防止后期遇到bug怀疑人生，通过学习知道解决方案

事件（对象）
语法
标签对象.事件类型 = function(evt) {
var e = evt || window.event
// e就是事件对象
// e.type 获取事件类型
// e.target 事件源
// e.keyCode 13 回车
// e.鼠标位置
// 等
}
作用1：判断表单是否回车
作用2：阻止浏览器默认动作
作用3：鼠标位置（写特效）
作业4：阻止事件流（解决bug）

一、事件（委托）
什么是事件委托：就是将子的事件 在父设置

事件委托应用场景：通过js动态添加标签后，新增的标签需要设置事件（购物车，发微博）
新增的标签需要事件
事件委托相关关键词
e.target 指当前点击的标签
e.target.nodeName 当前点击标签的名字
切记切记切记 委托给父标签

递归

• 概 念：函数自己调用自己的表现称之为递归
• 递归要素：
  • 递归点：函数内部调用自己的地方
  • 递归出口：递归结束

语法
function 函数名() {
//…
函数名();
//…
}

正则
是什么：就是由普通字符和特殊字符组成的字符
能干吗：1-表单验证，2-数据替换，3-网络爬虫/采集（获取其他网站数据）

语法：var regexp = new RegExp（“正则表达式”，可选修饰符）;
留心：参数需要引号，并且不能写斜杠

RegExp对象方法

• 语法：正则.test（待校验的数据）
• 返回：判断正则表达式是否匹配成功 成功-true，失败-false
• 语法：正则.exec（待匹配的数据）
• 返回：匹配符合正则表达式条件的数据 成功-数组，失败-null

元字符
. 可以代替任意字符
\ 转义 . 普通的点 一般检测是否是邮箱的时候需要
\d 数字
\D 非数字（注：\d以外的）
\w 数字&英文&下划线_
\W 非数字&英文&下划线_（注：\w以外的）
\s 空格
\S 非空格

限定符

• • ： 前一个内容重复至少 0 次，也就是可以出现 0 ～ 正无穷 次 {0,}
• • ： 前一个内容重复至少 1 次，也就是可以出现 1 ～ 正无穷 次 {1,}
• ? ： 前一个内容重复 0 或者 1 次，也就是可以出现 0 ～ 1 次 {0,1}
• {n} ： 前一个内容重复 n 次，也就是必须出现 n 次
• {n,} ： 前一个内容至少出现 n 次，也就是出现 n ～ 正无穷 次
• {n,m} ： 前一个内容至少出现 n 次至多出现 m 次，也就是出现 n ～ m 次
  什么是限定符：限定数据出现次数

边界符
边界符：顾名思义就是以什么开头以什么结果
普遍用的多的：完全匹配（类型，个数）

特殊符号
语法

• [] ： 字符集合，表示写在 [] 里面的任意一个都行

• [^] ： 反字符集合，表示写在 [^] 里面之外的任意一个都行

• • ： 范围，比如 a-z 表示从字母 a 到字母 z 都可以（脚下留心：js严格区分大小写 A-Z）

• | ： 或，正则里面的或 a|b表示字母 a 或者 b 都可以

• () ： 限定一组元素（\数字、RegExp.$数字 来获取小括号中的值）

match
作用：获取字符串中匹配字符
语法：字符串对象.match（普通字符串或正则）
返回：正则不加修饰符g这相当于exec 、 加修饰g返回纯内容数组

replace
作用：内容替换
语法：字符串对象.replace（旧内容可以写正则，新内容）
返回：替换后的结果

es6
声明变量
var（函数作用域）
let（块级作用域 不能重复定义 能修改）
const（块级作用域 不能重复定义 不能修改 推荐常量名大写 多个单词之间用下划线分割）

结构赋值
语法
let [变量1=默认值1，…，变量n=默认值n] = [值1，…，值n];
let {键1:变量1=默认值1，…，键n:变量n=默认值n} = {键1:值1，…，键n:值n};
多学一招：键和变量名一样，可简写

字符串的扩展
■语法说明

var html = `
代码…
${变量名}

函数的扩展
1、this数据场景
A普通函数调用 this => window对象 function 函数名() 函数名()
B对象函数调用 this => 对象 var obj = {属性名:function(){}}
C事件处理函数调用 this => 事件源对象（你操作了谁）
D定时器调用 this => window对象
E箭头函数中调用 this => 父function中的this 父没有就是window对象

箭头函数
语法
【ES5】function (参数1,…,参数n) {}
【ES6】(参数1,…,参数n) => {}

数组的扩展
语法
查找成员
数组.find(function(成员) {
return 条件 //条件成立则返回当前成员，不成立继续走、最终返回undefined
})
查找成员下标
数组.findIndex(function(成员) {
return 条件 //条件成立则返回当前成员，不成立继续走、最终返回undefined
})

set
增/删除/检测：s.add/delete/has（成员）
统计：s.size
清除：s.clear()

循环

• 起初遍历数组 for、while、do…while
• 在ES5中遍历数组：forEach（仅支持数组） for…in（既可以数组又可以对象 推荐对象）
• 在ES6中遍历数组：for…of （更强，可以遍历数组、字符串、映射、集合等数据结构）

模块
什么是模块：也是将一段公共的代码封装起来
好处：减少代码冗余
非默认
导出
export 修饰符 变量名 = 值 // 单个导出
export {变量名1,…,变量名n} // 批量导出
导入
script[type=“module”]
import {变量名1,…,变量名n} from ‘路径及文件名.js’

1. 必须走http协议
   2.script必须type=“module”
   3.import必须大括号 & 必须和导出同名

默认
导出：export default 数据
导入：import 随便写 from ‘路径及文件名.js’
`