前端面试笔试高频考点

1. let,const,var的区别。const定义的对象是否可以修改
   var 声明变量 可以进行变量提升
   let 声明变量 不能进行变量提升 作用域比var更小 形成块级作用域
   const 声明变量 声明常量 定义的变量不能修改，但对象可以修改

2. js的基本数据类型
   五中可包含值的类型：字符串（string）数字（number）布尔值（boolen）对象（object）函数（function）
   三种对象类型： 对象（Object） 日期（Date）数组（Array）
   两种不能包含值的类型：null undefined

3. 事件委托
   事件委托是利用了事件冒泡的原理，将事件添加到父元素或者祖先元素身上，从而达到执行效果。
   优点：1.提高性能：大量减少内存占用，减少事件注册。
   2.动态绑定：新增元素实现动态绑定事件

4. new操作符之后的操作
   1.创建一个新对象
   2.将构造函数的作用域添加到这个新队形上（也就是让this指向新对象）
   3.执行构造函数中的代码（给新对象添加属性）
   4.返回这个新对象

5. 地址（this）指向的是什么
   this指向当前函数的主人
   全局函数：this指向window
   对象：this指向当前对象
   特殊的需要上下文判断

6. es6新特性
   1.let const声明变量
   2.箭头函数
   3.新增数组方法（Array.form,find(),findIndex()）
   4.集合（set，map）
   5.解构

7. ajax有哪些状态，每个状态分别对应什么
   0:刚刚创建出来
   1:跟服务器建立连接
   2:服务器接到客户端的结果
   3:服务器处理完结果
   4.返回结果

8. 同源是什么意思
   同源就是同协议，同域名，同端口号

9. 介绍一下css盒模型
   css盒模型包括content,padding,border,margin四部分

10. 实现一个垂直水平居中
    1.margin:0 auto;
    2.用position实现
    3.用flex布局实现
    4.用表格实现

11. BFC是什么。怎么样形成bfc，bfc有哪些用
    BFC是一个具有特殊CSS样式的HTML盒子，比如div
    这些特殊样式如下，下面的样式只要满足一项，就说明这个盒子是BFC
    1.float: left | right
    2.position: fixed | absolute
    3.display: inline-block | table-cell | table-caption | flex | inline-flex
    4.overflow: hidden | scroll | auto
    用处：1.外边距折叠（Collapsing Margins）
    2.让一个没有设置高度的容器包含浮动元素阻止文字环绕
    3.防止文字环绕

12. animation的参数，怎样实现一个动画
    @keyframes 规定动画。
    animation-name 规定 @keyframes 动画的名称。
    animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。
    animation-timing-function 规定动画的速度曲线。默认是 “ease”。
    animation-delay 规定动画何时开始。默认是 0。
    animation-iteration-count 规定动画被播放的次数。默认是 1
    animation-direction 规定动画是否在下一周期逆向地播放。默认是 “normal”。

13. js原型的定义，原型链，继承
    在每一个函数上，都有一个prototype原型对象
    构造函数构建出来的对象有一个属性__proto__,指向构造出这个对象的构造函数的原型
    原型链：因为几乎所有对象的都有 proto 属性，指向创建它构造函数的原型对象。同样的，原型对象本质也是对象，它也具有 proto 属性，指向另一个原型对象，以此类推，实例对象通过隐式原型和所有的原型对象会串联成一个链式结构，递归访问必须到头，顶层是null，这个链式结构就称作原型链。
    原型链的作用：对象在查找某个属性时，会先从自身查找，如果没有找到，会依次从原型链上进行查找，直到找到或者查找到顶层。
    继承：继承是面向对象中的一个概念，与多态、封装为面向对象的三个基本特征。继承可以是子类具有父类的属性和方法或者重新定义、追加属性或方法。

14. bind的用法
    bind方法就是新创建一个与函数f具有相同函数体和作用域的函数，然后把新 函数的this永久绑定为bind的第一个参数，无论新函数如何被调用的，新函数 的this指向已永久绑定。