春招前端焦虑

全程一个小时，手撕：promise跟数组路径拆分八股#前端凉经#css盒子模型有哪些css选择器，选择器优先级如何实现水平垂直居中什么是bfcjs的数据类型什么时候用基本数据类型，什么时候用引用数据类型var、let、const区别事件冒泡和事件捕获的区别事件循环宏任务微任务for of和for in区别什么是闭包？除了闭包还有什么导致内存泄漏箭头函数和普通函数区别什么是原型和原型链cookie，localstorage，sessionstorage区别react常用hooksv-if和v-show区别v-model双向绑定实现原理重排重绘，如何优化跨域？为什么有跨域什么是同源策略vite相对于webpack的优点ref和reactive实现原理浏览器渲染过程vue组件通信方式选项式API和组件式API区别

项目 12min自我介绍和项目介绍提问：1. 批改页面里有什么功能 2. 富文本编辑器为什么选quill 3.遇到了什么困难八股1. Axios: 是什么？你用过它的一些别的功能，比如拦截器吗？2. Pinia: 项目中的使用场景？组件通信，除了用这种全局状态管理工具，还有哪些方式？如果是子组件传父组件，有什么方式？3. vue3中的双向绑定，以及其响应式的原理4. vue3中有一个语法叫nextTick，你知道是什么吗 （不知道）5. 了解过防抖和节流吗？他们分别是什么原理？=>丝滑转手撕 6. JS中事件循环的机制了解吗？（没答上来）7. 看一段代码，看一下他们的输出顺序。（事件循环，promise和setTimeout()各种混杂）8. 深浅拷贝的概念了解吗9. CSS中常用的单位有px，vh，还有em和rem，后两个分别是什么？10. CSS中的flex布局有了解吗？Flex：1 代表什么11. 什么是DNS？DNS怎么去查找，中间有哪几层？（不记得了，大体答了答）12. MySQL和MongoDB这两个数据库的区别是什么？13. 手撕数组拍平手撕1. 防抖和节流。顺便问了一下里面的apply方法，有没有别的实现方法？如果用bind和call怎么实现（他们三个的区别）2. 数组拍平。忽然忘了怎么写，本来想用reduce()，但卡住了。说了一下思路，面试官说是对的，试试用直接遍历的方式写一下。然后写的错漏百出……忘了Array.isArray()的用法，忘了concat()返回的是一个新数组，云云。JS手写基础太差了。最终写了个大概。面完后15min发二面了

求求大神们，前端的八股都要背些什么啊，去哪里找材料比较好些啊

#携程求职进展汇总# 面试时间30min，面试官态度也很好。一开始我以为只面30min要挂了，没想到第二天约二面了。因为没录音，只记得一点答不上来的问题#携程# #暑期# #面经# #Java# #牛客AI配图神器# -------3.11一面1.项目业务拷打2.cpu三级缓存介绍一下（我完全没听过，一开始以为是spring三级缓存，后来换成spring的，脑子卡壳也没答上来）3.rocketmq和kafka比较（没看过底层答不上来）4.没了（没错，没录音我是真记不住问了什么）算法：平衡二叉树转双向链表（要求使用原节点，面试官看我思考有点久跟我说创建新的也行）项目和八股是串着讲的，要多复习项目相关的八股------更新3.17 二面，最后一轮技术面问了很多非八股的内容，主要考察对项目的理解程度，对方案的选择原因，要吃透项目才行。之前没面过这样的，压力很大，主管面的，会一直追问你到答不出来。还问了学习路线和职业规划等等，最后挂了