前端面经

9.26 同盾科技 前端 一面预定 30min，实际 40min（顺序可能不对，可能有遗漏）* 介绍一下你的两个项目吧// 项目提问* 是如何利用 SSE 解决 AI 响应耗时长的问题* WS 和 SSE 的区别* 你用自定义 hook 封装了哪些功能* 项目中是如何使用 axios 拦截器的* 如何借助 mock 进行开发的// 八股* 介绍虚拟 DOM* 介绍盒模型* 盒模型有哪两种，区别是什么？* 介绍事件循环、宏任务与微任务* 如果在执行微任务的过程中，又新产生了微任务，那是会放在这一次还是下次执行？* 有哪些 HTTP 方法* React 中 prop 与 state 有什么区别* 如何实现父子组件通信* JS 有哪些数据类型* 你常用哪些 ES6 新方法* 引用类型与基本类型的区别* 怎么实现深拷贝 // 这里没太搞明白是在问原理还是 API* 深拷贝的实现思路* 如何判断一个变量的类型* 如果不借助 Array.isArray 之类的方法，如何判断* 从输入 URL 到展示画面的过程* 如何优化一个长列表（虚拟列表）* 回流与重绘* 有哪些优化性能的方法* flatMap 的实现思路* HTTP 缓存* 如何排查性能问题* 用过 Chrome Devtool 里的哪些工具// 非技术问题* 你最有成就感的一件事情是什么* 会因为工作做不完而焦虑到睡不着觉吗// 一开始没直接回答，后面面试官还强调了有没有「焦虑到睡不着觉」，感觉还挺重视这个问题的* 你一般是如何解决问题的* 如果给你一个任务，这个任务是你完全没有接触领域，你会如何着手// 还有几个问题忘记了// 反问* Q：React 还是 VueA：都有，主要是 React* Q：toC 还是 toBA：PC 端 toB* Q：工作压力大吗，平时很忙还是比较平衡A：得看个人* Q：上下班时间A：九点半，下班如果拿餐补要等到八点半以后，不忙的时候可以早点走* Q：内部使用 AI 多吗A：拥抱 AI/*面试官挺友好的，就是貌似八股部分在照着念题目，问的东西比较跳跃，除此之外体验不错不过感觉可能挂*/EOF

1.浏览器渲染树2.重排与重绘3.如何减少重排与重绘4.vue如何减少重排与重绘5.diff算法6.垂直居中7.缓存8.闭包9.手写防抖10.输出题，promise链式调用（这题一出来我就知道寄了，没复习链式调用有点忘了）11.手写promiseAll12.问项目细节，没有太深13.vue watch与compute的区别14.vue2与vue3响应式15.为什么学前端，怎么学前端

这俩公司是一个，第一次跑线下面试，感觉确实比线上会紧张一丢丢，面经如下:1.@RestController和@Controller注解的区别2.spring中依赖注入的方式3.redis的基础数据结构4.数据库的乐观锁和悲观锁5.Mybatis是怎么防止SQL注入的6.Mybatis-plus相对于mybatis的优势7.rabbitMq在你的项目中有没有遇到过消息丢失的问题8.mysql数据库的隔离级别有哪几种？分别是怎样的？9.Java中的char类型可以存储一个中文字符吗10.实习项目的一个业务流程11.实习项目的redis是用什么操作的？12.mybatis-plus的什么优化之类的(忘了)hr聊天反问:1.为啥网上找不到这个公司的工商信息(因为和赛瓦软件是一个公司，赛瓦软件把业务都分到了各个新成立的公司，当前公司是erp)2.公司目前项目组人员配置(武汉这边四个前端，四个后端)3.薪资多少，100到200之间，可以150以上吗，要求后续工资得在offer上标明今天面试跟HR后面聊天，HR说Java实习生100多个简历，前端简历才十几个，关键需求量都是一样的😭

自我介绍Css怎么垂直居中flex=1 分别代表什么一个固定高度盒子，第一个和第三个固定高度，中间的怎么适应BFCanimation和transition区别px、em、rem JsEs6经常使用的var,let,const区别const可以修改吗，如果是数组的话呢了解promise吗，有哪些状态，成功态可以转变为失败态吗？Promise有哪些方法内存泄漏一个闭包代码输出题 计算机网络服务器渲染http和httpsget和post Vuevue2和vue3的区别Vue3相比vue2的优化treeShark的了解为啥data是函数而不是对象分页问题：点第一页，点第二页，又点第三页，因为网络传输快...