C20001206的博客

频繁触发事件，只执行一次。

1. 搜索框输入，用户最后一次输入完再发送请求。2. 手机号，邮箱验证输入监测。

【代码】深拷贝。

特点：1.变量不能重复声明2.具有块级作用域3.不存在变量提升4.不影响作用域链5.可以声明的时候不进行初始化2.const 声明变量特点：1.一定要赋初值，声明时一定要初始化2.const 用来声明常量，一般常量使用大写(潜规则) 没有强制要求3.const声明的常量的值不可以被修改4.有块级作用域5.对于数组和对象的元素修改，不算做对常量的修改，不会报错，对于数组和对象的引用地址的修改会报错。

作用:当用户按下某个键并产生字符时触发,而且持续按住会持续触发。作用:用户按下键盘上某个键时触发，而且持续按住会重复触发。注意:Esc 键也会触发这个事件。作用:用户释放键盘上某个键时触发。作用: 当输入内容时触发。

作用：当元素获取焦点时触发，这个时focus事件的冒泡版。作用：当元素失去焦点时触发，这个时blur 的冒泡版。注意：这个事件不冒泡，所有浏览器都支持。注意：这个事件不冒泡，所有浏览器都支持。作用：当元素失去焦点时触发。作用：当元素获取焦点时触发。

作用:在用户把鼠标光标从一个元素移到另一个元素上时触发。移到的元素可以是原始元素的外部元素，也可以是原始元素的子元素。作用：在用户点击鼠标主键(通常是左键)，或按键盘回车时触发，这主要是基于无障碍的考虑，让键盘和鼠标都可以触发 onclick 事件处理程序。作用：在用户按下任意鼠标键时触发，这个事件不能通过键盘触发。注意：这个事件不冒泡，也不会在光标经过后代元素时触发。作用：在用户把鼠标光标从元素外部移到元素内部时触发。作用：在用户把鼠标光标从元素内部移到元素外部时触发。作用:在用户释放鼠标键时触发。

作用：当页面完全卸载后在 window 中触发，当所有框架都卸载后在框架集上触发，当嵌入的内容卸载完毕后在上触发。拓展: 通过 window.getSelection() 获取到选取的部分。作用：当用户滚动包含滚动条的元素时在元素上触发，元素包含加载页面的滚动条。作用：在 文本框 或文本域 上 当用户选择了一个或多个字符时触发。作用：在 window 或窗格口或窗格被缩放时触发。作用：在 window 上页面加载完毕后触发。作用：简单来说就是滚动条滚动时触发。

【代码】事件委托。

【代码】事件流之 事件捕获Netscape。

作用：给元素绑定事件语法：dom元素.on事件类型 = 事件处理函数参数：无注意：dom0级绑定事件使用on关键字绑定，不能给同一元素添加多个统一类型的事件解绑事件的方法：dom元素.on事件类型 = null。

作用：接收一个节点对象作为参数，将其作为最后一个子节点，插入到调用者中语法：父节点.append(一个节点对象)参数：一个子节点对象返回值：插入文档的子节点，也就是插入的子节点对象。

作用: nodeValue属性返回一个字符串，表示当前节点本身的文本值，该属性可读写只有文本节点（text）、注释节点（comment）和属性节点（attr）有文本值.作用: 返回当前节点的父节点。如果当前节点没有父节点，或者父节点类型不是元素节点，则返回null。作用: firstChild属性返回当前节点的第一个子节点，如果当前节点没有子节点，则返回null，last则返回最后一个子节点。返回值: 当前节点的第一个子节点，如果当前节点没有子节点，则返回null，last则返回最后一个子节点。

DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）。

S 等同于[^\f\n\t\r ] 匹配除了unicode空白符 空格 制表符 换行符 回车符的其他字符。\s 等同于[\f\n\t\r ] 匹配任何unicode空白符 空格 制表符 换行符 回车符。语法：/^[^字符集合]$/ 表示除了字符集合中的其他字符都可以。语法: /^[字符集合]$/ 表示字符集合中任选一个。注意: 注意[\f\n\t\r ]里面必须有空格。语法: /^\d$/语法: /^\D$/语法: /^\w$/语法: /^\W$/语法: /^\s$/语法: /^\S$/

【代码】JavaScript 中 DOM 操作获取子节点集合的两种属性。

概念：基于原型对象的继承使得不同构造函数的原型对象关联在一起，并且这种关联的关系是一种链状的结构，我们将原型对象的链状结构关系称为原型链原型链-查找规则：1.当访问一个对象的属性或方法时，首先要查找这个对象自身有没有该属性2.如果没有就查找他的原型(也就是 __proto__ 指向的 原型对象)3.如果还没有就查找 原型对象 的 原型 (Object的原型对象)4.依次类推一直找到 Object 为止 (null)

核心：就是在子构造函数中调用父构造函数，并更改父构造函数的this指向，指向子构造函数的实例对象步骤：1.创建构造函数 声明父构造函数2.创建构造函数 声明子构造函数3.在子构造函数中调用父构造函数并将this的指向修改为子构造函数实例。

优点：可以区分种类， 可以批量创建对象，对象不再是统一的object类型缺点： 内存中方法冗余当使用 new 关键字时 js 做的一些事情1.创建一个实例对象2.将构造函数中的this 指向实例对象 this -----> p13.执行函数体4.返回实例对象此方法解决了分类问题却依然没有解决方法冗余问题// 创建一个人的构造函数：// 创建一个狗的构造函数// 由此可以看出,不同的构造函数创建的对象是不同的类别,可以区分类别1.组合模式: 原型模式 + 构造函数模式。

实例： console.log(Math.max(1, 2, 3, 4, 5)) // 5。LOG10E 返回以 10 为底的 e 的对数（约等于0.434）。LOG2E 返回以 2 为底的 e 的对数（约等于 1.414）SQRT1_2 返回返回 2 的平方根的倒数（约等于 0.707）LN2 返回 2 的自然对数（约等于0.693）。SQRT2 返回 2 的平方根（约等于 1.414）。实例： console.log(Math.sqrt(9)) // 3。// 随机生成1-10的数。

4.toExponential()方法：将数字的值转化为指数计数法，科学计数法，并将数字转为字符串。2.toLocaleString()方法：把数字转换为字符串，使用本地数字格式顺序。3.toFixed()方法：把数字转换为字符串，结果的小数点后有指定位数的数字。5.toPrecision()方法：对象的值超出指定位数时将其转换为指数计数法。返回值：转换后的数字对应的字符串，并有指定位数的小数。返回值：该数字的指数计数法，科学计数法的形式的字符串。返回值：该数字的指数计数法，科学计数法的形式的字符串。

JavaScript中的String类型中的方法

基本数据类型与引用数据类型的：在 ES 中，数据的分类分为基本数据类型和引用类型。 1.而基本包装类型，严格来说不属于上面两个中的任意一个，但是又和这两种类型息息相关。 2.基本数据类型和引用类型这两个类型其中一个很明显的区别是，引用类型有自己内置的方法，也可以自定义其他方法用来操作数据，而基本数据类型不能像引用类型那样有自己的内置方法对数据进行更多的操作。基本包装类型：

语法：/^[^字符集合]$/ 表示除了字符集合中的其他字符都可以。1.[] 表示匹配字符集合 [字符集合] 表示在字符集合中都可以通过。语法: /^[字符集合]$/ 表示字符集合中任选一个。5.{n,} 重复n次或更多次 大括号中写几就最少重复几次。例如：[a-z] 表示 a-z中的字符都可以。4.{n} 重复n次 大括号中写几就重复几次。语法： /^正则表达式{n,m}$/3.^ []中加上^ 表示取反 ^为取反符号。语法： /^正则表达式{n,}$/语法： /^正则表达式{n}$/

返回至：布尔值true false 当匹配到时返回true 没有匹配到时返回false。语法：正则表达式名.test(要检测的字符串)正则表达式实例方法 RegExp.prototype.test。参数: 要匹配的字符串。

9.\s 匹配任何unicode空白符 " " (空格符)、\r (回车符)、\n (换行符)、\t (制表符) 和 \f (换页符)。\S 等同于[^\f\n\t\r ] 匹配除了unicode空白符 空格 制表符 换行符 回车符的其他字符。\s 等同于[\f\n\t\r ] 匹配任何unicode空白符 空格 制表符 换行符 回车符。8.\W 等同于[^0-9a-zA-Z_] 除了0-9a-zA-Z_中的任意字符都可以。7.\w 等同于[0-9a-zA-Z_] 匹配0-9a-zA-Z_中的任意字符。