2022前端面试题《41题-60题》（每日更新）

41、解释什么是flexbox布局，并说明常用属性？

flex 布局是CSS3新增的一种布局方式，我们可以通过将一个元素的display属性设置为flex 从而使他成为一个flex容器，它将所有子元素都会称谓他的项目。 一个容器默认有两条轴，主轴，交叉轴。我们可以使用flex-direction来指定主轴的方向。我们可以使用justify-content来指定元素在主轴上的排列方式，使用align-items来指定元素在交叉轴上的排列方式。还可以使用flex-wrap来规定当一行排列不下时的换行方式。

42、请解释同步 (synchronous) 和异步 (asynchronous) 函数的区别。

同步调用，在发起一个函数或方法调用时，没有得到结果之前，该调用就不返回，直到返回结果；

异步调用的概念和同步相对，在一个异步调用发起后，被调用者立即返回给调用者，但调用者不能立刻得到结果，被调用者在实际处理这个调用的请求完成后，通过状态、通知或回调等方式来通知调用者请求处理的结果。

简单地说，同步就是发出一个请求后什么事都不做，一直等待请求返回后才会继续做事；异步就是发出请求后继续去做其他事，这个请求处理完成后会通知你，这时候就可以处理这个回应了。

1. 继承

继承：是继承是继承父级的属性和方法，即接口继承和实现继承，实现的继承的方式也有很多。

方法一：原型链方式

原型链:一个对象指向原型内部的指针，而原型内部又指向构造函数的指针，以此类推层层嵌套，就形成原型链----在往上object;

优点:继承父的模板，继承父的原型对象

缺点:父类传参，不是通过子类传参，不符合常规语法。

原理：即子类通过prototype将所有在父类中通过prototype追加的属性和方法都追加   到Child，从而实现了继承

方法二：类继承

原理：call(),apply()子类向父类传参，方法的第一个参数的值赋值给类(即方法)中出现的this 
方法的第二个参数开始依次赋值给类(即方法)所接受的参数

优点:子类向父类传参,符合语法规则。

 缺点:不能继承父类原型对象。

 call(),apply()区别:

    call:只能接收单变量，不能数组，多个对象

    apply():接收arguments，数组

方法三：混合继承

继承(混合继承---原型链和类)

优点: 1.继承父的模板，继承父的原型对象

2.子类向父类传值

缺点:多了Son.prototype=new People();

43.Bootstrap3和Bootstrap4的区别

 

44、bootstrap概念

Bootstrap 是一个基于 HTML、CSS、JAVASCRIPT ，用于快速开发 Web 应用程序和网站的前端框架。

45、什么是栅格布局?（guide）

进行页面开发，最头疼的问题在于：页面写完了，发现换个浏览器不支持了（显示风格瞬间改变）。那么栅格布局就不存在这样的问题：栅格布局可以很好的根据屏幕的宽度来进行信息的展示，用户可以在每一个子结构里面定义组件，或者是在多个结构里面定义组件，但是不能超过12个子结构

46、redirectTo、navigateTo与switchTap区别:

redirectTo：关闭当前页(卸载)，跳转到指定页

navigateTo：保留当前页(隐藏)，跳转到指定页

switchTap：只能用于跳转到tabbar页面，并关闭其他非tabbar页面,tabbar之间做切换

47、事件冒泡、捕捉、委托

事件冒泡:分别对嵌套的标签监听事件，并且设置为false,直下往上执行(p-div-body-document-window)e=e ll window.event;//设置兼容

e.stopPropagation();//阻止事件冒泡