一年经验前端开发工程师遇到的面试题（一）

CSS部分

1.如何隐藏一行文字并使超出部分以省略号的形式展示？

/*一行表示**/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
/***2行表示**/
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

2.CSS样式优先级（权重）：

!important > 行内样式（比重1000）> ID 选择器（比重100） > 类选择器（比重10） > 标签（比重1） > 通配符 > 继承 > 浏览器默认属性

3.实现垂直居中、水平居中各有那些方式？

4.position有哪些属性值及其用法？

5.设置flex布局的主要作用。

6.flex布局中给父元素设置什么属性使子元素靠右垂直居中？

js部分

1.浅拷贝与深拷贝的区别？简单实现一个深拷贝。

2.JS数据类型：

字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol、对象(Object)

Object => Data、function、Array等。

3.拖拽事件有接触吗？分别有哪些？

实现拖拽的三大事件：onmousedown （鼠标按下的时候）、onmousemove（鼠标移动的时候）、onmouseup（鼠标松开的时候）

4.数组去重的方法。

5.纯数字数组的处理方法中哪些不改变原数组？哪些会改变？

6.简单解释一下闭包。

7.“ ===”、“ ==”的区别。