简述一下你对 HTML 语义化的理解；px em rem 取用选择依据；说说你对 this 的理解；JavaScript 中的 预解析与变量声明提升；简述列举文档对象模型 DOM 里 查找节点

一、简述一下你对 HTML 语义化的理解。
（1）HTML 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解 析；
（2）即使在没有样式 CSS 的情况下也能以一种文档格式显示，并且是容易阅读的；
（3）搜索引擎的爬虫也依赖于 HTML 标记来确定上下文和各个关键字的权重，有利于 SEO；
（4）使阅读源代码的人更容易将网站分块，便于阅读、维护和理解。

二、px em rem 取用选择依据？

1）px 像素（Pixel）。绝对单位。像素 px 是相对于显示器屏幕分辨率而言的，是一 个虚拟长度单位，是计算机系统的数字化图像长度单位，如果 px 要换算成物理长度，需 要指定精度 DPI。

2）em 是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字 体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。它会继承父级元素的字体大小， 因此并不是一个固定的值。

3）rem 是 CSS3 新增的一个相对单位（root em，根 em），使用 rem 为元素设定 字体大小时，仍然是相对大小，但相对的只是 HTML 根元素。

4）区别：IE 无法调整那些使用 px 作为单位的字体大小，而 em 和 rem 可以缩放， rem 相对的只是 HTML 根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过 它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合 的连锁反应。目前，除了 IE8 及更早版本外，所有浏览器均已支持 rem

三、说说你对 this 的理解？

答、this 是一个关键字，它代表函数运行时，自动生成的一个内部对象，只能在函数 内部使用

1.作为纯粹的函数调用 this 指向全局对象

2.作为对象的方法调用 this 指向调用对象

3.作为构造函数被调用 this 指向新的对象（new 会改变 this 的指向）

4.apply 调用 this 指向 apply 方法的第一个参数

四、JavaScript 中的作用域、预解析与变量声明提升？

作用域: 就是变量的有效范围。

如何检测一个变量的作用域:在指定的区域内使用这个变量，如果不报错，说明这个变 量的作用域包含此区域

函数作用域:只有函数能够划分变量的作用域，这种作用域的规则就叫函数作用域。 如果在函数内访问一个变量，优先找局部变量和形参,如果没有找到，去定义该函数的环境 中查找，直到全局为止

在 ES6 之前，只有函数可以划分变量的作用域，所以在函数的外面无法访问函数内的 变量。在 ES6 之前，没有块级作用域的概念，所以在代码块的外面可以访问代码块内的变 量

块级作用域：凡是代码块就可以划分变量的作用域，这种作用域的规则就叫块级作用域。

块级作用域 函数作用域 词法作用域之间的区别：

1、块级作用域和函数作用域描述的是，什么东西可以划分变量的作用域 2、词法作用域描述的是，变量的查找规则。

块级作用域 函数作用域 词法作用域之间之间的关系：

（1）、 块级作用域 包含 函数作用域。 （2）、 词法作用域 与 块级作用域、函数作用域之间没有任何交集， 他们从两个角度描述了作用域的规则。

ES6 之前 js 采用的是函数作用域+词法作用域，ES6 js 采用的是块级作用域+词法作用 域 。

预解析：

在代码整体执行之前，先解析一部分。 预解析之后，代码才会从上往下依次整体执行，但是预解析执行过的代码不会 重复执行。 js 预解析干了什么事：js 中预解析会把声明部分的代码预先执行。

声明相关的代码可以分为两部分： 1、 变量声明 通过 var 关键字定义的变量。 2、函数声明 通过 function 关键字声明的函数

预解析时如果遇到重复的变量声明，那么忽略。 预解析时如果遇到重复的函数声明，保留后面的函数。预解析时如果遇到变量与函数重名的情况，保留函数。

五、简述列举文档对象模型 DOM 里 document 的常用的查找访问节点的方 法并做简单说明Document.getElementById 根据元素 id 查找元素
Document.getElementByName 根据元素 name 查找元素
Document.getElementTagName 根据指定的元素名查找元素