前端面试记录

第一家（架构+项目）：

1.vueRouter原理
2.单页面spa与多页面mpa区别
3.hash和history区别
4.webpack打包流程
5.npm安装依赖过程
6.热更新原理

第二家(机试+项目)：

1．组件继承原组件方法
$attrs,$listeners
2．object.freeze，promise

第三家（八股文+项目）：

1．生命周期
2．vue3和vue2的区别
3．uniapp生命周期
4．Promise
二面：项目

第四家（八股文+框架）：

1.Js事件循环机制
2.数组取最大最小值，多个数组取
3.上万条数据查询
4.Vue自定义指令
5.组件关闭前弹窗在哪个生命周期
6.React

第五家：

1.微信小程序部署流程
2.冒泡排序算法，时间复杂度
3.Vue2和vue3的区别
4.项目

第六家（原理+框架+八股）：

1.大文件上传
2.自定义指令实现点击日志
3.Vue2和vue3区别
4.Vue2原理diff相关
5.首页白屏优化
6.超过6个接口请求，想执行第七个

二面：
项目相关

三面：
1.从0到1搭建项目要作什么
2.Gpu暴增怎么排查处理
3.输入url到渲染界面过程
4.大文件的静态资源部署后会有什么问题，怎么解决
5.Cdn和项目里面的资源有什么好的地方
6.React和vue的一些差异
7.Vue3和vue2的区别，为什么vue2要返回对象，但是3不用
8.高阶函数的概念，使用场景
9.闭包，为什么闭包可以访问，闭包内存泄露处理方式，闭包的使用场景
10.数组的常用方法，reduce，filter，map对应方法怎么使用。Reduce内修改对象相关的值会影响原数组吗
11.什么情况下考虑封装hook，hook的优点
12.场景题：多个请求，3个一组，一组执行后添加下一组请求
13.场景题：多个请求，一个请求完后等待1秒在请求下一个sheep
14.Promise常见的使用场景和相关方法
15.Generetor函数使用场景
16.手写sleep

第七家：

1.浏览器差异
2.Uniapp的优缺点
3.React和vue的区别
4.项目相关
5.前端安全相关

第八家（八股+性能相关）：

1.Vue生命周期
2.懒加载相关
路由懒加载，模块懒加载树摇，图片懒加载
3.Vue路由
4.打包优化，性能优化
5.双向通讯

第九家（项目+场景题）：

1.下拉分页，有骨屏，有loading。使用jsonp获取数据，5个数据来源，每个响应0到3秒。可能会有别的什么问题
2.不改横线上面的代码，改obj的值

3.项目相关，管理相关
二面：人事面

第十家（架构和项目）

1.Vue2和Vue3的区别
2.性能优化的方案
3.Webpack和vite的区别
4.React的使用
5.网页崩溃怎么排查

第十一家（八股+项目）：

忘了

第十二家（技术+管理）：

1.为什vue2要升级vue3，Vue2和vue3的区别
2.Ref和reactive的区别
3.ShallowRef
4.怎么封装一个组件，从什么方面考虑
5.性能优化有哪些，前端安全
6.Webpak和vite的区别
7.Ts的面试题
8.怎么选定项目技术框架，底层
9.图片盒子固定宽高，怎么让图片内容居中
10.管理工作相关

第十三家（基础+八股）：

1.广域网和局域网的区别
2.https的了解
3.vue3的diff相对于vue2更新了什么
4.css，js，html缓存了解，html怎么处理缓存
5.性能优化除了代码处理，怎么排查定位
6.uniapp分享海报怎么做
7.移动端嵌入网页，于native怎么交互
8.独立环境部署碰到什么问题，怎么解决
9.首屏白屏怎么排查处理
10.小程序打包怎么分片
11.promise怎么内部捕获异常
12.浏览器渲染dom是怎么渲染的，原理是什么
13.相同域名下最多能请求多少个，怎么解决数量限制问题

第十四家（八股+项目）：

1. 常见的loder有哪些，css-loader，style-loader作用，.url-loader作用
2. cdn为什么会快速，cdn缓存原理是什么
3. react的高阶组件是什么
4. 性能优化的点有哪些
5. runtimeCompiler解决的问题是什么情况
6. 聊天室功能用什么做的，怎么封装的
7. …