一篇关于中高级前端的面试题总结（vue+react）

基础的js知识（js细节面试题太多，只能总结有限的一部分）
1、http的理解？无状态？无连接？http缓存机制？什么是https？
2、从输入一个url到页面展示经历了那些？重点在dns解析，3次握手4次挥手做了什么？以及握手后的操作？页面如何渲染？
文章https://blog.csdn.net/qq_22113627/article/details/108546614可以看看
3、闭包? 冒泡和事件捕捉？事件委托？
4、原型链
5、内存泄漏（造成原因及解决方法）
6、布局的一些方法
1）如何居中（常用四种）
2）双飞燕布局等
7、js是弱类型，隐式转化（例如 str + number = ？）
8、ajax的一些原理以及如何实现的
9、什么是命名空间？
10、继承的方式？ call和apply和bind区别用法？
11、let const var作用
12、数组常用的方法（es6,es5） ------------------------针对es6新增方法的考量
13、深拷贝和浅拷贝的区别？及实现方法？
14、export和export default区别？Import和exports？
15、跨域的原因？解决方法？
16、promise的理解
1）什么是promise
2）如何终止一个promise
3）promise的链式如何实现的
4）promise.all和promise.race
17、什么是页面重绘和回流
18、websocket理解
19、new一个对象进行了什么操作
20、浏览器的垃圾回收机制（腾讯面试）
21、事件循环机制（腾讯面试）
22、解决首屏加载慢的问题？造成的原因？（http慢启动，资源大）
23、防抖节流的区别以及实现方式？Js心跳机制？
24、Vue与react的虚拟dom的对比？Diff实现原理？（腾讯面试）
25、自定义事件的实现（腾讯面试）
26、原型继承和类的继承的区别
27、http队头阻塞？
28、webpack打包体积过大怎么处理？
29、for of 和for in的区别？能不能循环原型链上的属性？objec.keys?
30、for foreach map 区别 以及加入异步以后执行速度的快慢

针对vue的知识：
一、基础知识
1、mvc和mvvm的认识
2、vue双向绑定原理
3、v-model实现例子 =》如何自定义一个v-model
4、vue的生命周期
5、watch和computed的区别
6、vue的v-for中key的作用
7、组件中的data为什么是一个函数
8、vue如何去渲染页面，经过了那些步骤？怎么进行组件渲染？vue的dom更新策略是什么？
9、vue如何设置反向代理
10、vue的父子组件的传值
11、nexttick实现原理
12、v-for和v-if为什么不能连用
13、用vnode来描述一个dom结构
14、created用了await会组织mounted函数的执行？
15、provide和inject的用法
16、vue优化性能
17、实现一个watcher，具体的实现方法是什么？
18、观察者和订阅者的区别？
19、minxs
20、怎么实现一个eventBus，他里面的数据结构是什么样子的？
二、路由知识
1、路由hash和history实现区别
2、路由守卫有哪些？路由的传值方法及区别？动态路由的实现？
三、vuex的用法
1、vuex的5个模块有哪些？工作原理？辅助函数的用法？mutation和actions的区别以及用法？
四、vue的周边生态
1、自定义指令directive，用法以及它的生命周期？
2、vue.set用法以及解决了什么？
3、插槽slot的用法？
4、mixin的作用以及解释？

五、vu3的面试题
1、vue3相对于vue2的改变？ 以及性能提升在何处？
2、ref、reactive、toref、torefs、shallowRef、shallowReactive的区别
3、watch 和 watchEffect的区别
4、pinia的用法以及对比vuex提升的性能点

六、webpack的考点
1、对webpack的理解，他是用来干嘛的
2、webpack的模块有哪些？Plugin和loader的差别以及常用的有哪些？热更新的原理？
3、webpack如何优化前端性能？
4、如何提高webpack的构建过程？
5、如何单页面应用配置为多页面
6、webpack的loader执行顺序：（从右到左 从下到上）
7、webpack的sourcemap的作用
8、webpack的打包流程

升级（nodejs，typescript）
1、高阶函数
2、Express的理解
3、Ts的面试题…
4、https://time.geekbang.org/column/article/132931 这个文章地址可以重点关注

React的面试题：
1、react生命周期、react怎么传值
2、ahooks的限制
3、useCallback 和 usememo的区别！！！！重点
4、useState的原理
5、fiber架构原理

更多面试看资料：

https://www.yuque.com/cuggz/interview/pgw8v4