现在前端很火，技术核心是html5+ccs3+javascript，但是框架很多技术更新很快那么面试时问的问题层次不齐，我总结了一些面试时必问问题和参考答案供大家学习。

2022年到了，看看前端依然很火热，javascript是前端的核心语言，面试的时候都问些什么呢？咱们来看看2019最新前端面试题吧！

React 的工作原理：React 会创建一个虚拟 DOM(virtual DOM)。当一个组件中的状态改变时，React 首先会通过 \\\\\\\\\\\\\\\"diffing\\\\\\\\\\\\\\\" 算法来标记虚拟 DOM 中的改变，第二步是调节(reconciliation)，会用 diff 的结果来更新 DOM。

泛型约束是指确保泛型类使用的参数是提供特定方法的类型，比如直接对一个泛型参数使用length属性或是用push()方法，会报错，因为这个泛型根本不知道它有这个属性或是这个方法，使用泛型约束可以解决这一的问题。

泛型类是在定义类时，为类中的属性或方法定义泛型类型，在创建类的实例时，再指定特定的泛型类型。

泛型是指在定义函数、接口或类的时候，不预先指定具体类型，而在使用的时候在指定类型的一种特性，比如定义一个带有参数的函数，未来在调用这个函数时，传入的值类型不确定，有可能是string，也有可能是number，这时可以使用泛型来解决这样的问题。

在面向对象编程中，接口是一种规范的定义，它定义了行为和动作规范，在开发大型项目时通常采用面向对象的编程思路，那么就要用到接口来约束类，实现高内聚低耦合的代码规范。

TypeScript类的使用方式和ES6类似，但是比ES6类的功能更加丰富，首先先看一下类的修饰符，在TypeScript中类的修饰符有public、private和protected这三个修饰符，接下来看一下这三个修饰符的说明：

一个函数也可以有多个泛型参数，在定义接口时，可以为接口中的属性或方法定义泛型类型，在使用接口时，在指定具体的泛型类型。

枚举(enum)类型是对JavaScript标准数据类型的一个补充，用于取值被限定在一定范围内的场景，定义数值集合，枚举成员会被赋值为从0开始递增的数字，同时也会被枚举值到枚举名进行反向映射。

类型别名可以用来给一个类型起一个新名字，采用关键字type定义，例如：type name=string|number，name表示可以设置字符串和数值类型，也可以采用type来约束取值只能是某些字符串中的一个，例如：type event=”click”|”keyup”|”mousemove”，接下来看一下代码示例......

类型断言可以用来手动指定一个值的类型，将一个联合类型的变量指定为一个更加具体的类型。接下来看一下代码示例...

函数类型的约束支持有函数本身的参数约束和返回值约束，如果想支持联合类型的函数关系可以使用重载的方式。

数组对象是使用单独的变量名来存储一系列的值。最常见的定义方式有两种，第一种是类型+方括号定义，第二种是数组泛型来定义。

联合类型表示取值可以为多种类型中的一种，可以通过管道(|)将变量设置多种类型，赋值时可以根据设置的类型来赋值，接口可以理解为一种类型，一个规范，一个约束，可以对数组、对象、类进行约束，接口中可定义可选属性、只读属性、任意属性，这样在开发代码时便于调试。

TypeScript是JavaScript类型的超集，它可以编译成纯JavaScript，TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。如果使用Vue3开发项目，推荐使用TypeScript来开发。

在Vue3中安装TypeScript后，会出现一个shims-vue.d.ts文件，那么它是干什么的，起着什么作用呢？

这几天在做后台管理系统，之前用vue开发过一套后台管理系统的模板，现在用React开发，但是vue的keep-alive非常好用，想着用React实现类似keep-alive的效果。

Vue3最近已经发布了，改动的不小，尤其是开发插件，我们都知道第三方ui库都是以插件的模式开发的，身为vue开发者不会开发插件真说不过去，最近我在百度上搜索vue3开发插件的教程，不是很完善而且也没有提供源码下载，vue官方文档写的也是不清不楚，目前支持vue3的第三方ui库我知道的是vant-ui，但是代码示例还是vue2使用方式，其实已经支持了vue3，如果自己会开发vue3的插件那么也会使用...

我们在阅读框架源代码的过程中，如果源代码比较复杂，特别是逻辑分支较多，最好的办法就是边阅读代码边通过一些demo尝试，这就要求我们在本地搭建react本地源码测试环境，本文即会对该过程进行一个详细的介绍。