所学知识涉及到的面试题

面试题：
1、怎么解决外边距重叠问题
   (1)、给父元素设置border；缺点：多出边框
   (2)、设置overflow为非visible；缺点：占用overflow属性
   (3)、用伪元素（::before、::after）设置一个table
       (全都是写在父元素上)

2、解释一下css的盒模型
margin(外边距)、border(边框)、padding(内边距)、content(内容)

3、css选择器有哪些（列出至少6个），怎么计算优先级
   # id选择器
   . class选择器
   空格后代选择器
   > 子代选择器
   , 并集选择器
   * 通配选择器
   + 相邻兄弟选择器
   ~ 兄弟选择器
!important(正无穷) > 行内(1000) > id选择器(100) > class选择器(10) > 标签选择器(1) > *通配选择器(0)

4.请解释为什么要清除浮动？怎么清除浮动？

答：清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题会使父元素高度塌陷。1.父级添加overflow属性 2.使用::after伪元素清除浮动(无高度) 3.额外标签法(给其设置clear：left等)

5.什么是BFC？(要回答BFC是什么，能解决什么问题，怎么实现BFC)

答：BFC是块级格式化环境，指通过设置一些样式解决问题。

能解决的问题：1、浮动影响问题 2、高度塌陷问题 3、外边距重叠问题

6.隐藏元素的方式有哪几种，分别有什么区别

答：1、display: none：该元素不会在页面中占据位置，隐藏

2、visibility: hidden：隐藏元素在页面中仍占据着空间 visible：默认值，可见

3、高度设置为0，内容还在，可以设置溢出隐藏

4、opacity: 0：将元素的透明度设置为 0，以此来实现元素的隐藏。元素在页面中仍然占据空间

7、rgba()和 opacity的透明效果有什么不同

答：rgba()和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有的元素的透明度，而rgba()只作用于元素的颜色或其背景色（设置rgba透明的元素的子元素不会继承透明效果）

8、说说定位有哪些，分别是基于什么定位

答：相对定位：relatire 不脱离文档流，相对于其在原位置定位

绝对定位：absolute 脱离文档流，相对于最近的非static的父元素进行定位

固定定位：fixd 脱离文档流，相对于浏览器窗口进行定位

粘滞定位：sticky 不脱离文档流，生成粘性定位的元素，位置根据正常文档流定位

9、行内、块、行内块元素基于父容器水平居中的方法分别是什么？

答：magin：0 auto和text-align：center

10、块元素水平排列的方法有哪些？

答：方法1：

1、把需要并排排列的块元素浮动起来

2、用伪元素解决父元素的高度塌陷问题

3、计算父容器的宽度

4、用margin：0 auto居中

方法2：

1、把需要并排排列的块元素浮动起来

2、用父元素变行内块的方式解决父元素的高度塌陷问题

3、给父元素的父元素设置字体居中

面试题:

1、如何判断NaN

isNaN（数据）

2、什么是值传递什么是地址传递

值传递：

发生在基本数据类型之间

接收方修改数据不影响传递方

地址传递：

发生在对象之间

传递方传递的是地址，接收方和传递方指向同一个对象

接收方改变了，传递方也相应的改变

3、简述函数的作用域

全局作用域：

1、定义在外边(var/let/const),分支循环代码块(var)在函数中可以用

补充：(存在全局，项目运行中一直存在，大量使用全局函数会占用内存)

局部作用域：

1、在函数中定义的变量，只能在函数中使用

补充：函数执行完毕会立即释放，不会占用内存

这几天知识点涉及到的面试题:

1、说说对回调函数的理解

在一个函数中接收另一个函数作为参数，适当执行传入的函数，传入的函数叫回调函数。

2、什么是闭包，为什么用它

把全局变量封装到函数中，并且作为函数的返回值返回。

避免全局污染。

3、this的用法

获取当前对象

4、function函数和lambda表达式的区别

在function中，哪个对象调用函数，指向哪个对象

在lambda表达式中，this指向不会被修改，this指向上一级作用域的对象

5、什么是面向对象

使用一个函数，必须分清是哪个对象