经过几次的面试，发现在笔试的时候观念非常不熟悉

所以回家的时候自行找出答案增加基本知识

今天就来做个面试题目的笔记吧

面试题目练习

一、document.write和innerHTML的区别

答：document.write只能直接印在画面上，无法抓到dom属性(div那些)，innerHTML可以抓到dom属性。

innerHTML：取得 HTML 元素或写入字串到 HTML 网页的语法，且 innerHTML 是 W3C 规定的标准写法，而 innerText 则是除了可以用来取得 HTML 元素之外，还会把元素的 HTML 标签去除掉。
选取的文字，包含 HTML 的 tag

innerText ：
innerText 会过滤掉字串中的 HTML 标签，例如透过 innerText 取得网页中的特定元素值 <p>字串</p> 的结果是仅有「字串」，而 HTML 标签<p> 与 </p> 则会被过滤掉。
会受样式的影响，它不返回隐藏元素的文字，但 textContent 返回。
** innerText 取得在一个节点内的全部样式**

textContent：textContent 会获取所有元素的内容，包括<script> 和 <style> 元素 可以拿到选取范围的文字包含空格

innerContent：单纯的选取的文字 不包含空格

outerHTML：

outerHTML 包括在一个节点内的全部 HTML 标签和文字
outerHTML和innerHTML很像，它们的唯一区别就是outerHTML包括自身元素而innerHTML不包括自身元素。

event.target
一个 click 事件绑定在button上，然後触发了 click。

二、透过哪个属性来检测浏览器

答：user agent, 因为User-Agent会告诉网站它是透过什麽工具（通过UA分析出浏览器名称、浏览器版本号、渲染引擎、操作系统）发送请求的。

三、垂直置中方法：

1. 使用 Line-height 做单行文字垂直置中
2.Line-height + inline-block 多物件的垂直置中技巧
3.僞元素 :before + inline-block
4.Flex + align-items
5.Flex + margin

四、position属性

• static ：是预设值。任何套用 position: static; 的元素「不会被特别定位」在页面上特定位置，而是照着浏览器预设的配置自动排版在页面上，所有其他的属性值都代表该元素会被定位在页面上。