二本字节飞书一面面经

我会让AI帮我做代码重构，把一段冗长的函数拆分成几个职责单一的小函数。写提示词时我习惯先给出背景约束，比如内存限制、并发要求，AI给的方案会更贴合实际场景。排错时我会把断点调试的中间变量值也附上，帮助AI更准确定位。

记得以前有个新闻，大意是说有个女孩子以她的成绩考入北大清华没问题。但她从小参加各种社会活动，深受曾留学法国的母亲“生命的意义在于体验最多而不是最好”影响，决定放弃高考，申请包括哥大在内的大学，并获得成功。新闻下面附上了一张那个女孩子的照片，还很清秀，于是这则新闻就获得大量转载，一片褒扬之声。我没有任何的仇富仇美仇优心理，不过在这条新闻下面我看到的最好的评论还是：我没有皇城根下的家，也没有留过洋的爸妈。我只能咬着牙拼命学习，在千军万马中挤破头，换来一个国内普通的大学，而我还要拼命努力，才能换来一个普通的人生。但这条新闻把千万个我们这种普通家庭却从没放弃努力的孩子，当成了傻瓜。    在上海，复旦...

1. 主要写前端还是后端（前端）2. 简单说一下盒模型有什么参数（只说出weight/height/padding/margin后耻辱下播，后面追问box-sizing内写什么说了个flex/grid，简直耻辱完了）3. 对于一个多列，用什么渲染方式比较好（grid/hidden table）4. Tailwind与传统css最大区别（className代替复写样式）5. tailwind缺点（说了个apply复用样式，可读性ai好但是对人而言要复制重复维护，退化标准css）6. 自己项目部分7. Vue2/Vue3之间最大的差异（definProperty/Proxy包装器）√8. 解释一下浏览器缓存工作方式（CacheControl/ETag，会请求服务端是否有修改，如果没有修改会返回204空缓存（但实际是304））9. 详细说明浏览器缓存控制头有什么（只答出了CacheControl/ETag/Vary/Hash比较，没有详细说明强缓存和协商缓存详细区分）10. 跨域，CORS，同源策略（同源：协议/域名/端口三元组，策略：不同源默认opaque不允许js读取，要检查ACAO，默认不携带Cookie，要ACAC）√11. CSRF，诱导提及√12. Cookie/JWT √（但是被误导，认为JWT传输的是密文，实际上是明文传输（b64）但是有签名。不能被篡改特性是提及了，经过面试官提醒才发现传的是明文）13. EventLoop机制（宏任务/微任务/rAF刷新）√14. 判断题：console.log(1)setTimeout(() => {console.log(2)}, 0)Promise.resolve().then(() => {console.log(3)})console.log(4)顺序1432 但是4和3纠结了一段时间，虽然结果是正确的13. html中async/defer标签的含义（完蛋了只说了async是异步的，还把dom加载完成后才加载defer套到async上了）14. Vite为什么**开发环境**这么快（ESBuild，动态加载浏览器需要的内容，不事先编译）√15. Shaking的机制和一票否决情况（摇掉死叶子，去除那些导入但不用的组件。只说了CJS因为动态导入无法静态分析、可以在import的时候判断是否有导入和使用，经过面试官重述才明白还有Global副作用的影响）16. 手撕题：展平一个有多层嵌套的数组本来想用reduce的，卡了10分钟，结果耻辱用递归和...arr展开完成了唯一解法17. base地（优先杭州，北京也可）、实习时长、多久到岗18. 反问（这里结束的很急，没有主动问要不要反问什么，看起来面试官不想过多说，经提醒才说可以，不过这个时间已经拖到45min了）：18.1 进去之后干什么（回答很模糊，说很多业务已经迁移到中后端，研发中心主要在北京和深圳） 18.2 反问面试过程中有什么不足（说很扎实，但是又没说什么不好的地方，很客套） 18.3 问暑期实习相关问题，明确说不保证。总体来讲，感觉很有可能是mt面，八股居多，项目很少。尽管大部分八股算是能答出来，但是只能算及格线水平。尤其是反问环节结束的非常仓促，感觉面过的可能性不大。字节一面明显八股偏多，而且最后的岗位问题听起来是没有hc名额了，进的概率不大。当天晚上补充：寄了

rt,还是说等到31号结束后统一筛选约面