前端面试-react

前端面试-记录

1、TS中 interface 和 type 的区别

1、默认导出的方式不同，inerface 支持同时声明，默认导出，而type必须先声明后导出
2、扩展方式不同，interface 用 extends 来扩展，而type 用 & 操作符扩展

2、webpack和gulp的区别

gulp为高级编译程序，在功能上要比webpack应用程序中多

3、loader 和 puligin 的区别

1、Loader直译为"加载器"，将其他文件解析为js文件
2、Plugin直译为"插件"。Plugin可以扩展webpack的功能
3、loader运行在打包文件之前（loader为在模块加载时的预处理文件）；plugins在整个编译周期都起作用

4、为什么使用jsx的组件中没有看到使用react却需要引入react？

本质上来说JSX是`React.createElement(component, props, ...children)`方法的语法糖。在React 17之前，如果使用了JSX，其实就是在使用React， `babel` 会把组件转换为 `CreateElement` 形式。在React 17之后，就不再需要引入，因为 `babel` 已经可以帮我们自动引入react。

5、js文件上传如何分片上传

1、定义切片大小
2、计算切片总数
3、切割文件

（1）进行分片设置，文件File基于Blob, 继承了Blob的功能，可以把File当成Blob的子类，利于Blob的slice方法进行文件分片处理，并且依次进行上传
（2）分片文件上传完成后，请求合并接口后端进行文件合并处理即可

6、ES6新特性

let（不能重复声明）、const(声明是必须初