贝壳 前端 一面

一塌糊涂，写面筋攒rp，求各种offer如何实现一个0.5px网页如何布局(三栏布局的各种实现)UI框架会不会提供各种布局？UI框架里的那种一行三个按钮是如何实现的？（大概是这个意思）各种异步操作/宏任务微任务如何做深copy(既然涉及到请求，axios底层是哪个，如何处理错误？)什么是预检请求有什么请求头？有用过哪些请求头吗登录相关拷打网页上如何实现一个定时器？(webworker等)使用到vue3的哪些新特性项目拷打有没有看过源码等凉凉

让面试官破防，不是靠煽情，而是靠真诚。当你不再背答案，而是说出自己的真实经历，比如“我不是最聪明的，但我真的很努力”；当你谈到失败，却能讲清楚自己是怎么一点点改进的；当你表达对岗位的渴望，不是因为薪水，而是因为热爱——那一刻，面试官会突然意识到，坐在他面前的，不是一个简历，而是一个在努力生活的人。真诚，是面试里最打动人的底牌。

1. 看代码说输出，以及说出如何让输出变为1,2,3,4,5``` tsfor(var i=0;i<5;++i){console.log(i)}```2. React组件先触发add，再点击btn说输出，再说如何让点击btn只输出2``` tsxfunction App(){const [count,setCount] = useState(1)useEffect(()=>{document.querySelector('#btn').addEventListener('click',()=>{console.log(count)})})return <div><div onClick={()=>setCount(p=>p+1)}></div><div id="btn">log</div></div>}```3. 说说对闭包的理解，闭包的原理4. 项目5. 实习6. 手写异步控制队列，``` tsclass Scheduler {add() {// 写}}const scheduler = new Scheduler(2);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(1), 2000))).then(console);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(2), 300))).then(console);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(3), 800))).then(console);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(4), 1000))).then(console);```二面面试官一直在笑，态度好的不得了，估计是因为我一面的时候吹逼说“我喜欢用数据结构解决问题“，然后一面面试官说”我们有个同事也喜欢，或许你和他聊得来“，估计是这位面试官了，哭了兄弟们，太和蔼了明天晚上8点三面

1.介绍项目，拷打 2.假设写了一个setTimeout的循环，但它的值一直不对，是什么原因 3.用 let 和 var 有什么差别 4.说说你对Event Loop 的理解 5.如果我在一个 async 函数里面用了多个 await，它的执行顺序是怎么样的 6.microtask 和 macrotask 的区别是什么样的呢 7.说一下浏览器的渲染流程比如我输入一个 URL 到页面渲染出来，它中间到底发生了什么 8.说说浏览器的缓存策略吧，比如你刷新页面的时候，为什么有些资源会命中缓存，有些不会 9.说说你对 React 生命周期的理解，用 class 和 hook 两种写法分别说说挂载和卸载...