前端实训面试题

实训测试

一、问答题 (120分钟)

1.src和href的区别 ？

Src用于替换当前元素，href用于在当前文档和引用资源之间确立联系.

Src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置，请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片混入frame等元素。

Href是hypertext reference的缩写，指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，如果我们在文档中添加<link href=”common.css” rel=”stylesheet”/>那么浏览器会识别该文档为 css 文件，就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用 link 方式来加载 css，而不是使用@import 方式。

A : href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。  

B : src是指向外部资源的位置，指向的内容将会嵌入到文档当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内。

2.页面元素隐藏方式 和各自特点？

 display:none   元素在页面上将消失，不占据页面空间，会导致浏览器的回流与重绘,不能响应交互类事件；

visibility:hidden   元素在页面占据的空间不变，所以它只会导致浏览器重绘而不会回流，也不能响应交互类事件；

opacity:0    元素在页面占据的空间不变，不会导致浏览器回流或重绘（因为浏览器对于transform和opacity这两 种变化处理的方法为合成渲染），可以响应交互类事件。

                 

3.用过哪些盒模型？

W3C的标准盒模型 在标准的盒子模型中， width指content部分的宽度

IE的盒模型 在IE盒子模型中，width表示content+padding+border这三个部分的宽度

4.使用sass目的是什么？

SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护 

5.js基本数据类型是什么？如何判断该类型数据？ 数据类型强制转化和隐式转化的区别？

js中有5种数据类型：Undefined、Null、Boolean、Number和String。还有一种复杂的数据类型Object，Object本质是一组无序的名值对组成的。

typeof 返回一个表示数据类型的字符串

强制转换：通过String（），Number（），Boolean（）函数强制转换00

隐式转换：隐式转换通常发生在运算符加减乘除，等于，还有小于，大于等

列：console