前端关于less的面试题前端相关面试题

转载

mob64ca140a1f7c 2024-08-04 13:58:35

文章标签 前端关于less的面试题 HTML 选择器 Math 文章分类 架构后端开发

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为：

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

<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">>div<替换后>/div<</div>
 document.getElementById('test').outerText= "<div>替换后</div>";  

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

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 选择获取焦点的输入字段