前端相关面试题总结

1.Form中的input设置为readonly和disable有什么区别？

readonly不可编辑，但可以选择和复制；值可以传递到后台

disabled不能编辑，不能复制，不能选择；值不可以传递到后台

2.Js中的3种弹出式消息提醒的命令式什么？

警告窗口  alert

确认窗口  confirm

信息输入窗口  prompt

3.Form中的input有哪些类型？

text、password、file、button、checkbox、radio、hidden、image、submit、reset

4.链接里面 target属性里 _blank _parent _self _top _search有什么区别?有什么用？

_blank 浏览器会另开一个新窗口显示链接

_self，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。 

_parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。

_top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架

_search，在浏览器的搜索区装载文档，注意，这个功能只在Internet Explorer 5 或者更高版本中适用。

5.Javascript的常用对象有哪些？

Array、Boolean、Date、Math、Number、String、RegExp、Global

Math: 数学对象，提供对数据的数学计算。如：获取绝对值、向上取整等。无构造函数，无法被初始化，只提供静态属性和方法。

Number: Js中提供数字的对象。包含整数、浮点数等等。并提供数字的类型转换、小数点截取等方法。

RegExp: 正则表达式

Global: 全局对象 Functions

6.innerHTML，outerHTML，innerText，innerText的区别？

假设原HTML为：<div id=“test"><span>替换前</span></div>

document.getElementById('test').innerHTML = “<div>替换后</div>”

=>    <div id="test"><div>替换后</div></div>

document.getElementById('test').outerHTML = "<div>替换后</div>";

=>    <div>替换后</div>

document.getElementById('test').innerText= "<div>替换后</div>"; 

=>    <div id="test">&gt;div&lt;替换后&gt;/div&lt;</div>

document.getElementById('test').outerText= "<div>替换后</div>"; 

=>    &gt;div&lt;替换后&gt;/div&lt;

7.position的值， relative和absolute分别是相对于谁进行定位的？

absolute 生成绝对定位的元素， 相对于最近一级的、定位不是 static 的父元素来进行定位。

relative 生成相对定位的元素，相对于其在普通流中的位置进行定位。

fixed （老IE不支持）生成绝对定位的元素，通常相对于浏览器窗口或 frame 进行定位。static 默认值。没有定位，元素出现在正常的流中sticky 生成粘性定位的元素，容器的位置根据正常文档流计算得出

8. "=="和"==="的区别

== 比较时，若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果 。

=== 只有在相同类型下,才会比较其值。

9.vue.js的常用指令

v-if：条件判断指令，根据表达式值的真假来插入或删除元素，表达式返回一个布尔值。
v-show：条件渲染指令，与v-if不同的是，无论v-show的值为true或false，元素都会存在于HTML代码中；而只有当v-if的值为true，元素才会存在于HTML代码中。v-show指令只是设置了元素CSS的style值。
v-else：可配合v-if或v-show使用，v-else指令必须紧邻v-if或v-show，否则该命令无法正常工作。v-else绑定的元素能否渲染在HTML中，取决于前面使用的是v-if还是v-show。若前面使用的是v-if，且v-if值为true，则v-else元素不会渲染；若前面使用的是v-show，且v-show值为true，则v-else元素仍会渲染到HTML。
v-for：循环指令，基于一个数组渲染一个列表，语法为：v-for = "item in items”
v-bind：给DOM绑定元素属性，语法为：v-bind:argument=“expression”

  其中，argument通常是HTML元素的特性，如：v-bind:class=“expression"。

  注：v-bind指令可以缩写为:冒号。如：:class="expression"。

v-on：用于监听DOM事件，语法与v-bind类似，如监听点击事件v-on:click=“doSth”。注：v-on指令可以缩写为@符号。如：@click=“doSth"。

10.伪类和伪元素有哪些，区别是什么？

伪类用于向某些选择器添加特殊的效果。　

:link 选择未访问的链接

:visited  选择已访问的链接

:hover  选择鼠标指针浮动在其上的元素

:active  选择活动的链接

:focus  选择获取焦点的输入字段

:first-child  匹配元素的第一个子元素

伪元素用于将特殊的效果添加到某些选择器。

:first-letter  向文本的第一个字母添加特殊样式。

:first-line  向文本的首行添加特殊样式。

:before  在元素之前添加内容。

:after  在元素之后添加内容。