菜鸟前端

全程一个小时，手撕：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发二面了

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

被疯狂拷打底层，对我这种速记八股选手很不友好，又是凉凉。1.自我介绍2.项目拷打，亮点，组件封装的思路，git能力，跨域问题，浏览器具体是怎么实现的3.netxTick4.看代码说输出，事件循环5.求平方根，精度问题