前端

事件的委派 指将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。 事件委派是利用了冒泡，通过委派可以减少事件绑定的次数，提

事件的冒泡（Bubble） 所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。 在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取

鼠标移动，box1跟着移动。box1必须开启绝对定位。onmousemove鼠标移动事件绑定。left和top属性设置偏移量。

鼠标在上面盒子里移动时，下面盒子会显示实时的x和y坐标。onmousemove 该事件将会在鼠标在元素中移动时被触发。

clientWidth和clientHeight 这两个属性可以获取元素的可见宽度和高度 这些属性都是不带px的,返回都是一个数字，可以直接进行计算 会获取元素宽度和高度，包括内容区和内边距 这些属性

设置CSS样式 语法：元素.style.样式名=样式值 注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如background-color。需要将这种样式名修改为驼峰命名法：去掉-，然

单击删除，可删除对应的一行记录。 单击添加。可把姓名和年龄的对应信息添加到表格中。 编号自增。 代码：

document.body，保存的是body的引用 document.documentElement保存的是HTML根标签 document.all代表页面所有元素（标签） document.quer

![1.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e591c51465dc45179f1f8893d7ee1688~tplv-k3u

先创建数组，用for循环获取数组中的元素，再嵌套一个for循环获取当前元素之后的所有元素，如果相等，用splice方法删除后面的元素

数组也是一个对象 创建数组对象 向数组中添加元素 语法：数组[索引] = 值 读取数组中的元素 语法：数组[索引] 如果读取不存在的索引，他不会报错而是返回undefined 获取数组的长度 可以使用

原型prototype 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype 这个属性对应着一个对象，这个对象就是我们所谓的原型对象如果函数作为普通函数调用prototype没有任

构造函数就是一个普通的函数，创建方式和普通函数没有区别,不同的是构造函数习惯上首字母大写。 构造函数和普通函数的区别就是调用方式的不同：普通函数是直接调用，而构造函数需要使用new关键字来调用 构造函

解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this this指向的是一个对象，这个对象我们称为函数执行的上下文对象 根据函数的调用方式的不同，this会指向不同的对象

作用域指一个变量的作用的范围。 全局作用域 直接编写在<script></script>标签中 全局作用域在页面打开时创建，在页面关闭时销毁 在全局作用域中有一个全局对象window。由浏览器创建，可

对象的属性可以是任意类型，包括函数。 如果一个函数作为一个对象的属性保存，那么称这个函数是这个对象的方法。 调用函数即调用对象的方法。 方式二：字面量方法 for...in取对象的属性名和值。

立即执行函数： 函数定义完，立即被调用。 立即执行函数往往只会执行一次。 加参数的立即执行函数语法：

实参为数值： 定义一个函数，判断一个数字是否是偶数，如果是返回true，否则返回false 实参为对象： 实参为函数：

函数也是一个对象 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码） 使用typeof检查一个函数对象时，会返回function 创建函数方式一： 将要封装的代码以字符串的形式传递给构造

使用对象字面量，可以在创建对象时直接指定对象中的属性 语法：{属性名：属性值，属性名：属性值...} 对象字面量的属性名可以加引号也可以不加，建议不加, 如果要使用一些特殊的名字，则必须加引号 属性名