1.javaScript 的 Dom 节点操作创建、插入、删除、复制、查找
一、创建节点、追加节点
1、createElement(标签名)创建一个元素节点(具体的一个元素)。
2、createTextNode(节点文本内容)创建一个文本节点
3、createDocumentFragment() //创建一个 DOM 片段
4、appendChild(节点)追加一个节点
二、插入节点
1、appendChild(节点)也是一种插入节点的方式,还可以添加已经存在的元素,会将其元素从原来的位置移到新的位置。
2、insertBefore(a,b)是参照节点,意思是a 节点会插入 b 节点的前面。
三、删除、移除节点
1、removeChild(节点) 删除一个节点,用于移除删除一个参数(节点)。其返回的被移除的节点,被移除的节点仍在文档中,只是文档中已没有其位置了。
四、复制节点
cloneNode() 方法,用于复制节点, 接受一个布尔值参数, true 表示深复制(复制节点及其所有子节点), false 表示浅复制(复制节点本身,不复制子节点)
1、replaceChild(插入的节点,被替换的节点) ,用于替换节点,接受两个参数,第一参数是要插入的节点,第二个是要被替换的节点。返回的是被替换的节点。
六、查找节点
1、getElementsByTagName() //通过标签名称
2、 getElementsByName() //通过元素的 Name 属性的值(IE 容错能力较强,会得到一个数组,其中包括 id 等于 name 值的)
3、getElementById() //通过元素 Id,唯一性
2.请说说事件委托机制?这样做有什么好处?
答、事件委托,就是某个事件本来该自己干的,但是自己不干,交给别人来干。就叫事件委托。打个比方:一个 button 对象,本来自己需要监控自身的点击事件,但是自己不来监控这个点击事件,让自己的父节点来监控自己的点击事件。
好处:A,提高性能:列如,当有很多 li 同时需要注册事件的时候,如果使用传统方法来注册事件的话,需要给每一个 li 注册事件。然而如果使用委托事件的话,就只需要将事件委托给该一个元素即可。这样就能提高性能。
B,新添加的元素还会有之前的事件;
3.JavaScript 中的作用域、预解析与变量声明提升?
作用域:
就是变量的有效范围。
如何检测一个变量的作用域:在指定的区域内使用这个变量,如果不报错,说明这个变量的作用域包含此区域。
函数作用域:只有函数能够划分变量的作用域,这种作用域的规则就叫函数作用域。
如果在函数内访问一个变量,优先找局部变量和形参,如果没有找到,去定义该函数的环境中查找,直到全局为止。
在 ES6 之前,只有函数可以划分变量的作用域,所以在函数的外面无法访问函数内的变量。在 ES6 之前,没有块级作用域的概念,所以在代码块的外面可以访问代码块内的变量
块级作用域:凡是代码块就可以划分变量的作用域,这种作用域的规则就叫块级作用域。
块级作用域 函数作用域 词法作用域之间的区别:
1、块级作用域和函数作用域描述的是,什么东西可以划分变量的作用域
2、词法作用域描述的是,变量的查找规则。之间的关系:
(1) 、 块级作用域 包含 函数作用域。
(2) 、 词法作用域 与 块级作用域、函数作用域之间没有任何交集,他们从两个角度描述了作用域的规则。
ES6 之前 js 采用的是函数作用域+词法作用域,ES6 js 采用的是块级作用域+词法作用域
预解析:
在代码整体执行之前,先解析一部分。
预解析之后,代码才会从上往下依次整体执行,但是预解析执行过的代码不会重复执行。
js 预解析干了什么事:
js 中预解析会把声明部分的代码预先执行。
声明相关的代码可以分为两部分:
1、 变量声明
通过 var 关键字定义的变量。
2、函数声明
通过 function 关键字声明的函数
预解析时如果遇到重复的变量声明,那么忽略。
预解析时如果遇到重复的函数声明,保留后面的函数。
预解析时如果遇到变量与函数重名的情况,保留函数。
变量声明提升:
使用 var 关键字定义的变量,被称为变量声明;
函数声明提升的特点是,在函数声明的前面,可以调用这个函数。